:root {
  /* Color Palette - Slate / Glass / Violet / Gold */
  --color-bg-primary: hsl(230, 25%, 8%);
  --color-bg-secondary: hsl(230, 20%, 12%);
  --color-bg-elevated: hsl(230, 18%, 16%);
  
  --color-glass: hsla(230, 25%, 18%, 0.65);
  --color-glass-hover: hsla(230, 30%, 22%, 0.75);
  --color-glass-active: hsla(230, 35%, 26%, 0.85);
  --color-glass-border: hsla(230, 30%, 40%, 0.35);
  --color-glass-glow: hsla(270, 85%, 65%, 0.15);

  --color-accent-violet: hsl(270, 85%, 65%);
  --color-accent-violet-glow: hsla(270, 85%, 65%, 0.4);
  --color-accent-cyan: hsl(185, 80%, 55%);
  --color-accent-cyan-glow: hsla(185, 80%, 55%, 0.4);
  --color-accent-gold: hsl(42, 90%, 60%);
  --color-accent-gold-glow: hsla(42, 90%, 60%, 0.4);
  --color-accent-emerald: hsl(155, 70%, 50%);
  --color-accent-rose: hsl(350, 75%, 55%);

  --color-text-primary: hsl(0, 0%, 96%);
  --color-text-secondary: hsl(230, 15%, 70%);
  --color-text-muted: hsl(230, 15%, 48%);
  --color-text-on-accent: #ffffff;

  /* Typography */
  --font-primary: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;

  --font-size-xs: 0.75rem;    /* 12px */
  --font-size-sm: 0.875rem;   /* 14px */
  --font-size-base: 1rem;     /* 16px */
  --font-size-lg: 1.25rem;    /* 20px */
  --font-size-xl: 1.5rem;     /* 24px */
  --font-size-2xl: 2rem;      /* 32px */
  --font-size-3xl: 2.5rem;    /* 40px */

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

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  /* Glassmorphism & Radii */
  --glass-blur: blur(20px);
  --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
  --radius-sm: 0.5rem;   /* 8px */
  --radius-md: 1rem;     /* 16px */
  --radius-lg: 1.5rem;   /* 24px */
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);
}