:root {
  --bg-deepest:    #0B0E17;
  --bg-deep:       #111827;
  --bg-surface:    #1A1F2E;
  --bg-elevated:   #242B3D;
  --bg-hover:      #2D3548;

  --text-primary:    #E8ECF4;
  --text-secondary:  #8B95A8;
  --text-muted:      #5A6478;
  --text-on-accent:  #FFFFFF;

  --accent-primary:     #7C6AEF;
  --accent-primary-dim: #5B4CC4;
  --accent-secondary:   #38BDF8;
  --accent-teal:        #2DD4BF;
  --accent-rose:        #F472B6;
  --accent-amber:       #FBBF24;
  --accent-lavender:    #A78BFA;

  --gradient-alias:      linear-gradient(135deg, #7C6AEF, #B06AB3);
  --gradient-crocodile:  linear-gradient(135deg, #2DD4BF, #38BDF8);
  --gradient-never:      linear-gradient(135deg, #F472B6, #A78BFA);
  --gradient-tod:        linear-gradient(135deg, #FBBF24, #F97316);
  --gradient-quiz:       linear-gradient(135deg, #38BDF8, #6366F1);

  --glow-primary:  0 0 20px rgba(124, 106, 239, 0.3);
  --glow-teal:     0 0 20px rgba(45, 212, 191, 0.3);

  --blur-glass:    blur(12px);
  --bg-glass:      rgba(26, 31, 46, 0.7);
  --border-glass:  1px solid rgba(255, 255, 255, 0.08);

  --shadow-card:   0 4px 24px rgba(0, 0, 0, 0.3);
  --shadow-modal:  0 8px 40px rgba(0, 0, 0, 0.5);

  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  20px;
  --radius-xl:  28px;
  --radius-full: 9999px;

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

  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  --font-size-xs:   12px;
  --font-size-sm:   14px;
  --font-size-base: 16px;
  --font-size-lg:   18px;
  --font-size-xl:   22px;
  --font-size-2xl:  28px;
  --font-size-3xl:  36px;

  --font-weight-normal:  400;
  --font-weight-medium:  500;
  --font-weight-semibold:600;
  --font-weight-bold:    700;

  --line-height-tight:   1.2;
  --line-height-normal:  1.5;
  --line-height-relaxed: 1.7;

  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow:   400ms ease;
  --transition-spring: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);
}