:root{--mcc-color-primary: #1C2333;--mcc-color-secondary: #4A5568;--mcc-color-accent: #C98B2A;--mcc-color-background: #FAF6EE;--mcc-color-surface: #F2EDE3;--mcc-color-text: #1E1E2E;--mcc-color-text-muted: #6B7280;--mcc-color-border: #D9D3C7;--mcc-color-on-primary: #FAF6EE;--mcc-color-on-accent: #FAF6EE;--mcc-color-on-background: #1E1E2E;--mcc-spacing-2xs: 4px;--mcc-spacing-xs: 8px;--mcc-spacing-sm: 12px;--mcc-spacing-md: 16px;--mcc-spacing-lg: 24px;--mcc-spacing-xl: 32px;--mcc-spacing-2xl: 48px;--mcc-spacing-3xl: 64px;--mcc-spacing-4xl: 96px;--mcc-radius-none: 0px;--mcc-radius-sm: 4px;--mcc-radius-md: 8px;--mcc-radius-lg: 16px;--mcc-radius-xl: 24px;--mcc-radius-full: 9999px;--mcc-font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--mcc-font-display-size: 3rem;--mcc-font-h1-size: 2.25rem;--mcc-font-h2-size: 1.5rem;--mcc-font-h3-size: 1.125rem;--mcc-font-body-lg-size: 1.125rem;--mcc-font-body-md-size: 1rem;--mcc-font-body-sm-size: .875rem;--mcc-font-label-size: .75rem}:root{--mcc-color-error: #c62828;--mcc-color-error-bg: #ffebee;--mcc-color-error-border: #fecaca;--mcc-color-success: #2e7d32;--mcc-color-success-bg: #e8f5e9;--mcc-color-success-border: #bbf7d0;--mcc-color-warning: #f57c00;--mcc-color-warning-bg: #fff3e0;--mcc-color-info: #1976d2;--mcc-color-info-bg: #e3f2fd;--mcc-color-nav-active: #667eea;--mcc-color-nav-inactive: #666666;--mcc-color-white: #ffffff;--mcc-color-black: #000000;--mcc-color-gray-50: #f9f9f9;--mcc-color-gray-100: #f5f5f5;--mcc-color-gray-200: #e0e0e0;--mcc-color-gray-300: #dddddd;--mcc-color-gray-400: #cccccc;--mcc-color-gray-500: #999999;--mcc-color-gray-600: #666666;--mcc-color-gray-700: #333333;--mcc-color-gray-800: #1a1a2e;--mcc-color-on-white: #333333;--mcc-color-on-surface: #1E1E2E;--mcc-color-blue-50: #eff6ff;--mcc-color-blue-100: #dbeafe;--mcc-color-blue-500: #3b82f6;--mcc-color-blue-600: #2563eb;--mcc-color-slate-50: #f8fafc;--mcc-color-slate-100: #f1f5f9;--mcc-color-slate-200: #e2e8f0;--mcc-color-slate-300: #cbd5e1;--mcc-color-slate-400: #94a3b8;--mcc-color-slate-500: #64748b;--mcc-color-slate-700: #374151;--mcc-color-green-50: #f0fdf4;--mcc-color-green-100: #dcfce7;--mcc-color-green-200: #bbf7d0;--mcc-color-green-500: #10B981;--mcc-color-green-600: #16a34a;--mcc-color-red-50: #fef2f2;--mcc-color-red-200: #fecaca;--mcc-color-red-500: #f44336;--mcc-color-red-600: #dc2626;--mcc-color-red-700: #b91c1c;--mcc-color-red-800: #b71c1c;--mcc-color-amber-600: #d97706;--mcc-color-purple-700: #764ba2}