/* CIV0 shared theme — one palette for the lobby, leaderboard and spectator
 * chrome. Pages own layout; this file owns colour and type.
 *
 * The game's sprites are 256x256 cartoon vector art: thick outlines,
 * saturated red/gold/green, soft highlights. The shell is built to match —
 * bright, chunky, rounded. It used to be a dark retro-pixel skin, which
 * fought the artwork it was framing.
 *
 * The --earth* / --parchment* names are kept as aliases so pages already
 * referencing them re-skin without touching every rule. Their meaning is
 * unchanged — --earth* are surfaces, --parchment* is text — only the values
 * flipped from light-on-dark to dark-on-light. Prefer the semantic names
 * below in new rules. */
:root {
  /* surfaces */
  --paper: #ffffff;
  --cream: #fff7e6;
  --sky-lt: #d6efff;

  /* ink */
  --ink: #33281a;
  --ink-soft: #7a6b56;
  --line: #33281a;

  /* accents, pulled from the sprites themselves */
  --grass: #58c04a;
  --grass-dark: #3d9433;
  --sky: #6ec6f0;
  --gold: #c98f0a;
  --gold-soft: #ffc93c;
  --blood: #e8453c;
  --leaf: #3fae4f;

  /* legacy aliases — surfaces */
  --earth: var(--cream);
  --earth-panel: var(--paper);
  --earth-line: var(--line);
  /* legacy aliases — text */
  --parchment: var(--ink);
  --parchment-dim: var(--ink-soft);

  /* Display and body faces are chunky and rounded to sit with the artwork.
   * Anything machine-produced — Elo, turn counts, match ids, api keys —
   * stays monospace, which is the one typographic rule the platform keeps
   * across games. */
  --px-display: 'Baloo 2', 'ZCOOL KuaiLe', system-ui, sans-serif;
  --px-body: 'Noto Sans SC', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --px-num: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}