/* Design tokens — XKCD edition. Two inks, two papers, one red.
   Dark (default) = chalkboard: chalk lines on near-black.
   Light = the classic xkcd white paper with black ink.
   The red survives from the old palette because the sun is non-negotiable. */
:root {
  color-scheme: dark;
  --bg: #1c1c1c;            /* chalkboard */
  --bg-deep: #141414;
  --bg-raised: #242424;
  --bg-panel: #202020;      /* the radio's cardboard box */
  --text: #f0efe9;          /* chalk */
  --text-dim: #b5b3aa;
  --ink: #f0efe9;           /* line-work color (chalk on the board) */
  --accent: #e0523a;        /* the sun, the needle, the stamp */
  --accent-soft: #e0523a2e;
  --btn-bg: #c73a24;
  --link: #ee6a50;
  --dial: #f0efe9;          /* dial hardware is just ink now */
  --stamp: #e0523a;
  --line: #4a4a4a;
  --focus: #e0523a;

  --font-display: "Patrick Hand", "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Comic Sans MS", cursive, sans-serif;
  --font-body: "Patrick Hand", "Zen Maru Gothic", "Hiragino Maru Gothic ProN", system-ui, sans-serif;
  --font-mono: "Patrick Hand", ui-monospace, monospace;

  --maxw: 68rem;
  /* the classic hand-drawn border trick: uneven radii per corner */
  --wobble: 255px 15px 225px 15px / 15px 225px 15px 255px;
  --wobble-2: 15px 225px 15px 255px / 225px 15px 255px 15px;
  --stroke: 2.5px;
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #ffffff;            /* paper */
  --bg-deep: #f4f4f2;
  --bg-raised: #ffffff;
  --bg-panel: #fbfaf7;
  --text: #1a1a1a;          /* ink */
  --text-dim: #565550;
  --ink: #1a1a1a;
  --accent: #c73a24;
  --accent-soft: #c73a241f;
  --btn-bg: #b53a24;
  --link: #a03020;
  --dial: #1a1a1a;
  --stamp: #b03a2e;
  --line: #1a1a1a;
  --focus: #1a1a1a;
}