/* design-system.css — AFTERGLOW. Near-black canvas; a locked magenta↔cyan neon duotone (the ONE
   intentful neon brief, design-kb §D override). The WebGL particle field carries the colour energy. */
:root{
  /* colour — near-black + a deliberate two-tone (magenta + cyan), nothing else. No pure #000. */
  --bg:#08080a; --surface:#0f0f14; --surface-2:#16161d;
  --text:#f4f4f6; --muted:#8a8a96; --faint:#46464f;
  --magenta:#ff2d6b; --cyan:#22e0ff;
  --accent:var(--magenta);            /* primary accent = magenta */
  --accent-2:var(--cyan);             /* secondary accent = cyan */
  --border:color-mix(in srgb,var(--text) 11%,transparent);
  --duotone:linear-gradient(115deg,var(--magenta),var(--cyan)); /* the signature gradient */

  /* type — kinetic-brutalist grotesque + clean body + mono labels */
  --font-display:"Space Grotesk",-apple-system,system-ui,sans-serif;
  --font-body:"Geist","Helvetica Neue",system-ui,sans-serif;
  --font-mono:"Geist Mono",ui-monospace,monospace;

  --step--1:.8rem; --step-0:1.02rem; --step-1:1.3rem; --step-2:1.85rem;
  --step-3:2.7rem; --step-4:clamp(2.8rem,6.5vw,5rem); --step-5:clamp(3.6rem,13.5vw,12rem);

  --space:clamp(1rem,3vw,2rem); --section-y:clamp(5rem,13vw,11rem); --radius:0px; /* all-sharp, club-grade */
  --ease:cubic-bezier(.16,1,.3,1);
}
@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}