/* ============================================================
   STEPBRAND TOKENS v1 — the one source of truth for stepten.io
   Canonical copy lives in ~/Local/StepBrand/. The website ships
   a copy at website/stepbrand.css — update THIS file, then copy.
   Law: pages never hard-code a hex. If it's not a token here,
   it doesn't exist.
   ============================================================ */
:root{
  /* inks — layered dark (the void is for 3D worlds ONLY) */
  --ink-0:#060608;   /* the void — 3D world backdrops */
  --ink-1:#0B0B0E;   /* page background */
  --ink-2:#121218;   /* cards / surfaces */
  --ink-3:#1A1A22;   /* raised / hover */
  --line:#26262E;    /* hairlines on dark */

  /* papers — where reading lives */
  --paper:#F7F6F2;
  --paper-2:#EFEDE7;
  --line-p:#DDDBD3;

  /* text */
  --txt-hi:#F7F6F2; --txt-mid:#C9C8C2; --txt-mut:#8A8A86;
  --txt-ink:#0B0B0E; --txt-ink-mid:#4A4A52;

  /* pops — colour is an event, never a wash */
  --green:#00FF66;
  --iris:linear-gradient(100deg,#00FF66,#22E6FF,#4C7BFF,#7A5CFF,#FF3DD0,#FF7A3D);
  --d-ai:#22E6FF; --d-biz:#4C7BFF; --d-fight:#FF3DD0; --d-culture:#7A5CFF;

  /* type */
  --disp:"Anton",sans-serif;
  --body:"Space Grotesk",sans-serif;
  --mono:"JetBrains Mono",monospace;

  /* shape + motion */
  --r-s:6px; --r-m:10px; --r-l:16px; --r-pill:999px;
  --ease:cubic-bezier(.52,.04,.18,1);
}