:root {
  --clr-navy:    #1a1f3a;
  --clr-bg:      #0f1222;
  --clr-blue:    #2563eb;
  --clr-purple:  #7c3aed;
  --clr-gold:    #f59e0b;
  --clr-surface: #161b35;
  --clr-border:  #2d3561;
  --clr-text:    #e2e8f0;
  --clr-muted:   #94a3b8;
  --clr-white:   #ffffff;

  --grad-hero:   linear-gradient(135deg, #0f1222 0%, #1a1f3a 50%, #0f1222 100%);
  --grad-accent: linear-gradient(90deg, var(--clr-blue), var(--clr-purple));
  --grad-gold:   linear-gradient(90deg, var(--clr-gold), #fb923c);
  --grad-card:   linear-gradient(135deg, var(--clr-surface), #1e2447);

  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;

  --sp-xs: 0.5rem;
  --sp-sm: 1rem;
  --sp-md: 2rem;
  --sp-lg: 4rem;
  --sp-xl: 6rem;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;

  --shadow-card: 0 4px 24px rgba(0,0,0,0.4);
  --shadow-glow: 0 0 40px rgba(37,99,235,0.2);

  --transition: 0.3s ease;

  --nav-height: 72px;
}