/* ═══════════════════════════════════════════════════════════════════════════
 * Tokens — the palette and the type, defined once
 *
 * Loaded FIRST, before any page's own CSS. That order is deliberate: a token is
 * a default, so a page that genuinely needs a different one can still say so
 * and win. Component rules are the opposite — they load last, in platform.css,
 * because those are meant to be the same everywhere.
 *
 *   tokens.css  →  page-<name>.css  →  platform.css  →  cards.css  →  motion.css
 *   defaults       the exception       the rules        the system
 * ═══════════════════════════════════════════════════════════════════════════ */

:root{
  --bg:#0B1524;
  --bg-2:#060D18;
  --panel:#152438;
  --line:#2A3A50;
  --line-soft:#1B2B3E;
  --parch:#F6F1E7;
  --brass:#C9AE7C;
  --brass-hi:#EFDFBC;
  --muted:#9DAABA;
  --muted-2:#8794AA;
  --glow-rgb:201,174,124;
  --radius:18px;
  --shadow:0 18px 40px -22px rgba(0,0,0,.85);
  --font-display:'Sora','Inter Tight','Inter',-apple-system,'Segoe UI',system-ui,sans-serif;
  --sage:#A8C58C;
  --rose:#E08189;
  --amber:#E8B96A;
  --font-body:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,system-ui,sans-serif;
}