:root {
  /* Brand Colors */
  --color-blue:    #1A5CFF;
  --color-navy:    #0A0F1E;
  --color-charcoal:#1A1A2E;
  --color-white:   #FFFFFF;
  --color-gray:    #F4F6FA;
  --color-cyan:    #00D4FF;
  --color-purple:  #7B2FFF;
  --color-coral:   #FF4D6D;
  --color-gold:    #C9A84C;
  --color-blue-fade: rgba(26, 92, 255, 0.2);

  /* Typography */
  --font-sans:     'Inter', system-ui, sans-serif;
  --font-display:  'Space Grotesk', system-ui, sans-serif;
  --font-hero:     clamp(48px, 8vw, 96px);
  --font-h1:       clamp(36px, 5vw, 56px);
  --font-h2:       clamp(28px, 4vw, 40px);
  --font-h3:       clamp(20px, 2.5vw, 28px);
  --font-body:     clamp(16px, 1.5vw, 18px);
  --font-label:    clamp(11px, 1vw, 13px);

  /* Spacing */
  --section-padding: clamp(80px, 10vw, 140px);
  --content-max:   1200px;
  --gap:           2rem;

  /* Shape */
  --radius:        12px;
  --radius-sm:     8px;

  /* Transitions */
  --transition:    0.25s ease;
}