/* design-system.css — Nocturne Studio. Monochrome UI; the WebGL hero carries the colour. */
:root{
  /* colour — near-black monochrome + ONE restrained cool spark (used sparingly; the 3D is the real colour) */
  --bg:#08080a; --surface:#101014; --surface-2:#17171c;
  --text:#f4f4f6; --muted:#86868f; --faint:#4a4a52; --accent:#9be3ff; /* ice spark — links/focus only */
  --border:color-mix(in srgb,var(--text) 12%,transparent);

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

  --step--1:.8rem; --step-0:1.02rem; --step-1:1.32rem; --step-2:1.85rem;
  --step-3:2.7rem; --step-4:clamp(2.8rem,6.5vw,5rem); --step-5:clamp(3.4rem,13vw,11rem);

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