:root {
  /* ─── Colors ─── */
  --c-bg:         #050b1a;
  --c-bg-2:       #0a1628;
  --c-bg-card:    #0d1e35;
  --c-bg-card-2:  #111f38;
  --c-blue:       #00c8ff;
  --c-cyan:       #00ffcc;
  --c-purple:     #6c3fff;
  --c-blue-dim:   rgba(0, 200, 255, 0.15);
  --c-cyan-dim:   rgba(0, 255, 204, 0.12);
  --c-purple-dim: rgba(108, 63, 255, 0.15);
  --c-border:     rgba(0, 200, 255, 0.15);
  --c-border-str: rgba(0, 200, 255, 0.4);
  --c-text:       #ffffff;
  --c-text-2:     #94a3b8;
  --c-text-3:     #4a6080;

  /* ─── Typography ─── */
  --f-display: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --f-body:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --f-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* ─── Type Scale ─── */
  --t-xs:  0.75rem;
  --t-sm:  0.875rem;
  --t-md:  1rem;
  --t-lg:  1.125rem;
  --t-xl:  1.25rem;
  --t-2xl: 1.5rem;
  --t-3xl: 1.875rem;
  --t-4xl: 2.25rem;
  --t-5xl: 3rem;
  --t-6xl: 3.75rem;
  --t-7xl: 4.5rem;
  --t-8xl: 5.5rem;

  /* ─── Spacing ─── */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;
  --sp-32: 8rem;

  /* ─── Layout ─── */
  --max-w:    1400px;
  --nav-h:    80px;

  /* ─── Radii ─── */
  --r-sm:  4px;
  --r-md:  8px;
  --r-lg:  16px;
  --r-xl:  24px;
  --r-full: 9999px;

  /* ─── Glows / Shadows ─── */
  --glow-blue:   0 0 24px rgba(0,200,255,0.35), 0 0 72px rgba(0,200,255,0.12);
  --glow-cyan:   0 0 24px rgba(0,255,204,0.35), 0 0 72px rgba(0,255,204,0.12);
  --glow-purple: 0 0 24px rgba(108,63,255,0.35), 0 0 72px rgba(108,63,255,0.12);
  --shadow-card: 0 4px 32px rgba(0,0,0,0.5);

  /* ─── Transitions ─── */
  --tr-fast: 150ms ease;
  --tr-base: 300ms ease;
  --tr-slow: 600ms cubic-bezier(0.16,1,0.3,1);
}