:root {
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --brand: #6C5CE7;
  --brand-light: #8B7AED;
  --brand-dark: #4F46E5;
  --brand-glow: rgba(108, 92, 231, .35);
  --accent: #7C3AED;
  --success: #10B981;
  --warning: #F59E0B;
  --danger: #EF4444;
  --info: #3B82F6;
  --r-xs: .5rem;
  --r-sm: .75rem;
  --r-md: 1rem;
  --r-lg: 1.25rem;
  --r-xl: 1.5rem;
  --r-full: 9999px;
  --t-fast: 150ms;
  --t-base: 250ms;
  --t-slow: 400ms;
  --ease: cubic-bezier(.4, 0, .2, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
}

html.dark {
  --bg-body: #0a0e1a;
  --bg-body-rgb: 10, 14, 26;
  --bg-surface: rgba(15, 20, 40, .65);
  --bg-surface-hover: rgba(20, 28, 55, .75);
  --bg-elevated: rgba(22, 30, 58, .7);
  --bg-input: rgba(12, 16, 32, .5);
  --bg-input-focus: rgba(18, 24, 48, .7);
  --card-bg: rgba(18, 24, 50, .92);
  --border-subtle: rgba(255, 255, 255, .07);
  --border-medium: rgba(255, 255, 255, .12);
  --border-focus: rgba(108, 92, 231, .5);
  --text-primary: #f1f5f9;
  --text-secondary: #a8b8cc;
  --text-tertiary: #7e95ae;
  --text-muted: #64748b;
  --shadow-sm: 0 2px 8px rgba(0,0,0,.3);
  --shadow-md: 0 8px 24px rgba(0,0,0,.4);
  --shadow-lg: 0 16px 48px rgba(0,0,0,.5);
  --shadow-glow: 0 0 30px rgba(108,92,231,.15);
  --glass-blur: blur(20px);
  --glass-highlight: inset 0 1px 0 rgba(255,255,255,.05);
  --overlay: rgba(0, 0, 0, .6);
  --scrollbar-track: rgba(255,255,255,.02);
  --scrollbar-thumb: rgba(255,255,255,.08);
  --alert-error-bg: rgba(239, 68, 68, .12);
  --alert-error-border: rgba(239, 68, 68, .25);
  --alert-error-text: #fca5a5;
  --alert-success-bg: rgba(16, 185, 129, .12);
  --alert-success-border: rgba(16, 185, 129, .25);
  --alert-success-text: #6ee7b7;
  color-scheme: dark;
}

html:not(.dark) {
  --bg-body: #f0eeff;
  --bg-body-rgb: 240, 238, 255;
  --bg-surface: rgba(255, 255, 255, .78);
  --bg-surface-hover: rgba(255, 255, 255, .88);
  --bg-elevated: rgba(255, 255, 255, .85);
  --bg-input: rgba(255, 255, 255, .6);
  --bg-input-focus: #ffffff;
  --border-subtle: rgba(209, 213, 219, .35);
  --border-medium: rgba(209, 213, 219, .5);
  --border-focus: rgba(108, 92, 231, .5);
  --text-primary: #111827;
  --text-secondary: #4b5563;
  --text-tertiary: #6b7280;
  --text-muted: #9ca3af;
  --shadow-sm: 0 1px 4px rgba(0,0,0,.04);
  --shadow-md: 0 8px 32px rgba(99,102,241,.08), 0 1px 4px rgba(0,0,0,.04);
  --shadow-lg: 0 16px 48px rgba(99,102,241,.12), 0 4px 16px rgba(0,0,0,.06);
  --shadow-glow: 0 0 30px rgba(108,92,231,.08);
  --glass-blur: blur(24px);
  --glass-highlight: inset 0 1px 0 rgba(255,255,255,.6);
  --overlay: rgba(0, 0, 0, .25);
  --scrollbar-track: rgba(0,0,0,.02);
  --scrollbar-thumb: rgba(0,0,0,.08);
  --alert-error-bg: rgba(254, 242, 242, .9);
  --alert-error-border: rgba(252, 165, 165, .4);
  --alert-error-text: #991b1b;
  --alert-success-bg: rgba(236, 253, 245, .9);
  --alert-success-border: rgba(167, 243, 208, .4);
  --alert-success-text: #065f46;
  color-scheme: light;
}