/**
 * The palette, the type and the easing — ONE set, for every page.
 *
 * Until 0.58.0 the same six colours were declared four times: on `:root`
 * in the two home pages and the two arena pages, on `.ax-game` under
 * Spanish names for the widget, on `:root` under `--uz-` names for the
 * user zone, and again on `.boards [data-rank]` for the rank panel — and
 * the four drifted (`--cream` was referenced by a page that never defined
 * it, and a badge printed gold on black for months). This file is the one
 * declaration; the other names are ALIASES of it, kept so that no rule
 * anywhere had to be rewritten, and so that a colour changes in one line.
 *
 * Loaded FIRST, by every page, before any stylesheet that reads a token.
 * `test/static.test.mjs` checks that every page does.
 */

:root{
  /* --- the design system's names --- */
  --paper:#F6F4EE; --surface:#FFFFFF; --ink:#080808; --cream:#FFF8DC;
  --ink-66:rgba(8,8,8,0.66); --ink-50:rgba(8,8,8,0.50); --line:rgba(8,8,8,0.10);
  --gold:#C9A84C; --gold-deep:#8A6A22;
  --green:#17836F; --red:#C4452F; --blue:#0B7FC7;
  --font-display:'Cormorant Garamond',Georgia,serif;
  --font-body:'Jost',system-ui,sans-serif;
  --font-mono:'JetBrains Mono','Courier New',monospace;
  --ease:cubic-bezier(0.25,0.46,0.45,0.94);

  /* --- the game widget's names (public/mechanics/*.css) --- */
  --papel:var(--paper); --blanco:var(--surface); --tinta:var(--ink);
  --suave:rgba(8,8,8,.55); --tenue:rgba(8,8,8,.10); --linea:rgba(8,8,8,.13);
  --oro:var(--gold); --oro-hondo:var(--gold-deep); --oro-linea:rgba(138,106,34,.42);
  --azul:var(--blue); --azul-hondo:#0A5F94;
  --verde:var(--green); --verde-hondo:#116152;
  --rojo:var(--red); --rojo-hondo:#9B3524;
  --sans:var(--font-body); --mono:var(--font-mono); --serif:var(--font-display);
  --easing:var(--ease);

  /* --- the user zone's names (public/userzone.css) --- */
  --uz-ink:var(--ink); --uz-note:#4A4A46; --uz-gold:var(--gold); --uz-gold-deep:var(--gold-deep);
  --uz-line:var(--line); --uz-line-strong:rgba(8,8,8,0.16);
  --uz-surface:var(--surface); --uz-tint:rgba(201,168,76,0.10); --uz-tint-line:rgba(201,168,76,0.45);
  --uz-green:var(--green); --uz-red:var(--red); --uz-cream:var(--cream);
  --uz-serif:var(--font-display); --uz-sans:var(--font-body); --uz-mono:var(--font-mono);
}