:root{--color-primary-50: #f3e8ff;--color-primary-100: #e9d5ff;--color-primary-200: #d8b4fe;--color-primary-300: #c084fc;--color-primary-400: #a855f7;--color-primary-500: #9333ea;--color-primary-600: #7e22ce;--color-primary-700: #6b21a8;--color-primary-800: #581c87;--color-primary-900: #3b0764;--color-neutral-50: #fafbfc;--color-neutral-100: #f4f5f7;--color-neutral-200: #e8eaed;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #2c3e50;--color-neutral-900: #1f2937;--color-success-light: #d1fae5;--color-success: #10b981;--color-success-dark: #059669;--color-warning-light: #fef3c7;--color-warning: #f59e0b;--color-warning-dark: #d97706;--color-error-light: #fee2e2;--color-error: #ef4444;--color-error-dark: #dc2626;--color-info-light: #dbeafe;--color-info: #3b82f6;--color-info-dark: #2563eb;--color-focus: #3b82f6;--color-focus-ring: rgba(59, 130, 246, .5);--color-surface-form: #ffffff;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--bento-radius-sm: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.16, 1, .3, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-max: 9999;--min-touch-target: 44px;--header-height: 64px;--focus-ring-width: 2px;--focus-ring-offset: 2px;--surface: #ffffff;--background: #f8f9fa;--charcoal: #2d3748;--bento-radius: 24px;--bento-radius-lg: 32px;--bento-gap: 2rem;--grey-50: #fafbfc;--grey-100: #f4f5f7;--gradient-purple: linear-gradient(135deg, #512d6d 0%, #6b46c1 100%);--gradient-subtle: linear-gradient(135deg, #fafbfc 0%, #f4f5f7 100%);--gradient-lavender: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%)}.dark{--color-neutral-50: #1e293b;--color-neutral-100: #334155;--color-neutral-200: #475569;--color-neutral-300: #64748b;--color-neutral-400: #94a3b8;--color-neutral-500: #cbd5e1;--color-neutral-600: #e2e8f0;--color-neutral-700: #f1f5f9;--color-neutral-800: #f8fafc;--color-neutral-900: #ffffff;--color-surface-form: #1e293b;--surface: #1e293b;--background: #0f172a;--charcoal: #f8fafc;--grey-50: #1e293b;--grey-100: #334155}@media(prefers-contrast:high){:root{--color-neutral-300: #9ca3af;--color-neutral-400: #6b7280;--color-neutral-500: #374151}}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms;--transition-slower: 0ms}}