:root {
  /* Colors */
  --bg:          #06070a;
  --bg-alt:      #0d0f14;
  --bg-card:     #111520;
  --accent:      #6C63FF;
  --accent-2:    #00D4FF;
  --accent-glow: rgba(108, 99, 255, 0.35);
  --accent-glow-2: rgba(0, 212, 255, 0.2);
  --text:        #F0F2FF;
  --text-muted:  #5A5F7A;
  --text-soft:   #9BA0BF;
  --border:      rgba(108, 99, 255, 0.12);
  --border-soft: rgba(240, 242, 255, 0.06);

  /* Typography */
  --font-display: 'Outfit', sans-serif;
  --font-body:    'Space Grotesk', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* Sizing */
  --nav-h:    72px;
  --radius:   12px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* Motion */
  --ease:       cubic-bezier(0.22, 1, 0.36, 1);
  --ease-snap:  cubic-bezier(0.76, 0, 0.24, 1);

  /* Gradients */
  --gradient-accent: linear-gradient(135deg, #6C63FF 0%, #00D4FF 100%);
  --gradient-subtle: linear-gradient(135deg, rgba(108,99,255,0.08) 0%, rgba(0,212,255,0.04) 100%);
}