/* ============================================================
   TOKENS — Nebula
   An iridescent cloud on near-black: violet into magenta, cyan
   and gold. The old palette was a single warm ember; this one is
   a spectrum, because the hero is now a spectrum.
   ============================================================ */
:root{
  /* the four lights, shared with the WebGL shader */
  --violet:#7C4DFF;
  --magenta:#FF3DA6;
  --cyan:#35E6E2;
  --gold:#FFC46B;

  --accent:var(--violet);
  --accent-2:var(--magenta);

  --font-display:'Bricolage Grotesque',system-ui,sans-serif;
  --font-body:'Sora',system-ui,sans-serif;
  --font-data:'JetBrains Mono',ui-monospace,monospace;

  --gutter:clamp(18px,5vw,72px);
  --max:1380px;
  --radius:14px;
  --pill:999px;

  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
}

[data-theme="night"]{
  --bg:#05050B;
  --bg-2:#0B0B16;
  --surface:rgba(255,255,255,.045);
  --surface-2:rgba(255,255,255,.075);
  --line:rgba(255,255,255,.10);
  --line-lit:rgba(255,255,255,.20);
  --ink:#F4F2FF;
  --mist:#9A96B8;
  --glow:radial-gradient(120% 80% at 50% -10%,#140F2E 0%,#05050B 62%);
}

[data-theme="day"]{
  --bg:#F5F3FA;
  --bg-2:#ECEAF5;
  --surface:rgba(20,14,45,.045);
  --surface-2:rgba(20,14,45,.075);
  --line:rgba(20,14,45,.12);
  --line-lit:rgba(20,14,45,.24);
  --ink:#140E2D;
  --mist:#5C5680;
  --glow:radial-gradient(120% 80% at 50% -10%,#FFFFFF 0%,#ECEAF5 62%);
}

html,body{background-color:var(--bg);color:var(--ink)}

/* Theme swap is a colour change only — nothing here moves. */
body,.nav,.section,footer,.btn,.card,.stat,.cmd,.feat,.fx-stage{
  transition-property:background-color,color,border-color;
  transition-duration:.4s;
  transition-timing-function:var(--ease);
}
@media (prefers-reduced-motion:reduce){
  body,.nav,.section,footer,.btn,.card,.stat,.cmd,.feat,.fx-stage{transition-duration:.01ms}
}