/* The Pantheonic UI law — the canonical token contract shared across every
   Pantheon site (Pythia, Mnemosyne, the Hub). The token NAMES are the contract
   (identical everywhere); only the VALUES are this site's identity. These are
   Ancient Holdings' values (dark + gold); the names are unchanged.

   Served as a static public asset and <link>ed from the App-Router layout
   BEFORE the component CSS, so it is the cascade base every surface resolves
   against. `--maxw` governs the width of every content column. */
:root {
  --bg: #0a0a0f;        /* page background (deepest) */
  --bg-2: #0d1117;      /* secondary background (a step above --bg) */
  --panel: #0d1117;     /* panel / card surface */
  --panel-2: #161b22;   /* raised panel surface */
  --line: #262626;      /* borders / dividers */
  --ink: #f5f5f4;       /* primary text (near-white) */
  --ink-soft: #d2d3d4;  /* secondary text */
  --ink-mute: #8b8b8b;  /* muted text / captions */
  --accent: #f0a500;    /* brand accent — Ancient Holdings gold */
  --accent-dim: #ffb800;/* secondary gold (hover / borders / active) */
  --danger: #f87171;    /* destructive / error */
  --radius: 14px;       /* corner radius */

  --maxw: 1536px;       /* the single content max-width, every surface */
}