: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}}