:root {
  /* ── Backgrounds ── */
  --bg:               #060608;
  --surface:          #0C0C12;
  --surface-2:        #111118;
  --surface-3:        #18181F;
  --border:           rgba(255,255,255,0.06);
  --border-med:       rgba(255,255,255,0.10);
  --border-bright:    rgba(255,255,255,0.18);

  /* ── Warm: Orange → Red ── */
  --warm-1:           #FF6B2B;
  --warm-2:           #E8302A;
  --warm-mid:         #F04E2A;
  --warm-gradient:    linear-gradient(135deg, #FF6B2B 0%, #E8302A 100%);
  --warm-glow:        rgba(255,107,43,0.15);
  --warm-glow-mid:    rgba(232,48,42,0.25);
  --warm-glow-strong: rgba(232,48,42,0.40);
  --warm-card-grad:   linear-gradient(to top,
                        rgba(232,48,42,0.45) 0%,
                        rgba(255,107,43,0.12) 45%,
                        transparent 100%);
  --warm-border-glow: 0 0 0 1px rgba(255,107,43,0.3),
                        0 0 20px rgba(255,107,43,0.15),
                        0 0 40px rgba(232,48,42,0.08);

  /* ── Cold: Electric Blue → Deep Navy ── */
  --cold-1:           #2D6AFF;
  --cold-2:           #1A3FCC;
  --cold-mid:         #2456E8;
  --cold-gradient:    linear-gradient(135deg, #2D6AFF 0%, #1A3FCC 100%);
  --cold-glow:        rgba(45,106,255,0.15);
  --cold-glow-mid:    rgba(26,63,204,0.25);
  --cold-glow-strong: rgba(26,63,204,0.40);
  --cold-card-grad:   linear-gradient(to top,
                        rgba(26,63,204,0.45) 0%,
                        rgba(45,106,255,0.12) 45%,
                        transparent 100%);
  --cold-border-glow: 0 0 0 1px rgba(45,106,255,0.3),
                        0 0 20px rgba(45,106,255,0.15),
                        0 0 40px rgba(26,63,204,0.08);

  /* ── Dual glow ── */
  --dual-glow-warm:   rgba(255,107,43,0.20);
  --dual-glow-cold:   rgba(45,106,255,0.18);

  /* ── Type ── */
  --white:            #F0F0F0;
  --white-80:         rgba(240,240,240,0.8);
  --white-40:         rgba(240,240,240,0.4);
  --white-12:         rgba(240,240,240,0.12);
  --white-06:         rgba(240,240,240,0.06);
  --white-03:         rgba(240,240,240,0.03);
  --muted:            #52526A;
  --muted-2:          #2E2E3A;

  /* ── Glass ── */
  --glass-bg:         rgba(10,10,16,0.55);
  --glass-border:     rgba(255,255,255,0.08);
  --glass-shine:      rgba(255,255,255,0.05);

  /* ── Fonts ── */
  --font-display:     'Bebas Neue', sans-serif;
  --font-body:        'DM Sans', sans-serif;
  --font-mono:        'DM Mono', monospace;

  /* ── Spacing (4px base) ── */
  --sp-1:  4px;   --sp-2:  8px;   --sp-3:  12px;
  --sp-4:  16px;  --sp-5:  24px;  --sp-6:  32px;
  --sp-7:  48px;  --sp-8:  64px;  --sp-9:  96px;
  --sp-10: 128px;

  /* ── Radius ── */
  --r-sm:   6px;
  --r-md:   12px;
  --r-lg:   20px;
  --r-xl:   28px;
  --r-pill: 9999px;

  /* ── Transitions ── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:    200ms;
  --dur-mid:     350ms;
  --dur-slow:    600ms;

  /* ── Layout ── */
  --max-width:   1280px;
  --nav-height:  60px;

  /* ── Z-index ── */
  --z-base:    10;
  --z-raised:  20;
  --z-overlay: 50;
  --z-nav:     200;
  --z-noise:   999;
}