/* Game palette, type, spacing, and layout tokens. */
:root {
  color-scheme: light;

  --cn-color-canvas: #f6f2e7;      /* Paper */
  --cn-color-panel: #fffdf7;       /* Panel */
  --cn-color-ink: #0e1427;         /* Ink — text, outlines, offset shadows */
  --cn-color-muted: #4a5a68;       /* Muted */
  --cn-color-link: #531b6c;        /* Violet — inline links */
  --cn-color-leaf: #0db8ab;        /* Bio — fill only, never a stroke or text */
  --cn-color-leaf-strong: #155967; /* Deep — dark field, inverse text surface */
  --cn-color-mint: #d3ece9;        /* Wash — quiet highlight */
  --cn-color-amber: #a82b99;       /* Signal — the only accent */
  --cn-color-line: #c2ccd3;        /* Hairline — chart grid only */
  --cn-color-danger: #8a332c;      /* Danger */

  --cn-chart-1: #155967;
  --cn-chart-2: #a82b99;
  --cn-chart-3: #531b6c;
  --cn-chart-4: #d76832;
  --cn-chart-5: #0db8ab;

  --cn-font-display: "Fraunces", Georgia, serif;
  --cn-font-body: "IBM Plex Sans", Arial, sans-serif;
  --cn-font-mono: "IBM Plex Mono", monospace;

  --cn-space-1: 0.25rem;
  --cn-space-2: 0.5rem;
  --cn-space-3: 0.75rem;
  --cn-space-4: 1rem;
  --cn-space-6: 1.5rem;
  --cn-space-8: 2rem;
  --cn-space-12: 3rem;
  --cn-space-16: 4rem;
  --cn-space-24: 6rem;
  --cn-space-32: 8rem;

  --cn-radius-rule: 0.125rem;
  --cn-radius-control: 0.625rem;
  --cn-page-max: 74rem;
  --cn-reading-max: 68ch;
  --cn-figure-max: 60rem;

  /* Drawing tokens. */
  --cn-stroke: 2.5px;              /* default outline; chips under 24px use --cn-stroke-small */
  --cn-stroke-small: 2px;          /* labels and chips under 24px tall */
  --cn-offset: 5px;                /* card and button offset shadow */
  --cn-offset-figure: 8px;         /* figures and images */

  /* Arena field. A 2D canvas cannot resolve a custom property, so the renderer
     repeats these values as literals; the two copies are kept equal by test. */
  --cn-game-field: #173c33;        /* arena background */
  --cn-game-grid: #f5efdc;         /* field grid, drawn at .11 alpha */
  --cn-game-player: #f4bb3b;       /* player body and projectiles */
  --cn-game-edge: #f7ebd5;         /* mark outlines, health bars, field text */
  --cn-game-threat: #d16655;       /* threat body */
  --cn-game-shield: #9cd2c8;       /* shield ring */
  --cn-game-bloom: #87bd5d;        /* slowing bloom, drawn at .18/.5 alpha */
}