:root {
  
  --color-primary: #5E6AD2;
  --accent-amber: #F59E0B;
  --accent-emerald: #10B981;
  --color-background: #FFFFFF;
  --color-surface-1: rgba(255, 255, 255, 0.08);
  --color-surface-2: rgba(255, 255, 255, 0.12);
  --color-surface-3: rgba(255, 255, 255, 0.16);
  --color-text-primary: #1A1A1A;
  --color-text-secondary: #6B7280;
  --color-text-tertiary: #9CA3AF;
  --color-border: #E5E7EB;
  --color-border-subtle: rgba(229, 231, 235, 0.5);
  --color-border-strong: #D1D5DB;

  
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;

  
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  
  --font-sans: 'Inter Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Berkeley Mono', 'SF Mono', SFMono-Regular, Menlo, monospace;
  --font-size-xs: 12px;
  --font-size-sm: 13px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;
  --font-size-4xl: 36px;
  --font-size-5xl: 48px;
  --font-size-6xl: 64px;
  --letter-spacing-tight: -0.02em;
  --letter-spacing-snug: -0.015em;
  --letter-spacing-normal: -0.011em;
  --letter-spacing-wide: 0;

  
  --duration-fast: 100ms;
  --duration-normal: 200ms;
  --duration-slow: 300ms;
  --ease-tactile: cubic-bezier(0.12, 0.8, 0.32, 1);
  --ease-smooth: cubic-bezier(0.25, 0.1, 0.25, 1);

  
  --glass-blur: blur(20px);
  --glass-saturation: saturate(180%);
  --glass-contrast: contrast(120%);
  --glass-brightness: brightness(110%);
  --glass-opacity: 0.8;
  --glass-border: 1px solid rgba(255, 255, 255, 0.2);
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  --glass-inset: inset 0 1px 1px rgba(255, 255, 255, 0.15);
}


[data-theme="dark"] {
  --color-background: #0F1011;
  --color-surface-1: rgba(255, 255, 255, 0.05);
  --color-surface-2: rgba(255, 255, 255, 0.08);
  --color-surface-3: rgba(255, 255, 255, 0.12);
  --color-text-primary: #F9FAFB;
  --color-text-secondary: #9CA3AF;
  --color-text-tertiary: #6B7280;
  --color-border: rgba(255, 255, 255, 0.1);
  --color-border-subtle: rgba(255, 255, 255, 0.05);
  --color-border-strong: rgba(255, 255, 255, 0.15);
  --glass-border: 1px solid rgba(255, 255, 255, 0.08);
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  --glass-inset: inset 0 1px 1px rgba(255, 255, 255, 0.05);
}