/* Design tokens, ported from SRG_Home_blocky.html (28 Sep). Light is the base; dark overrides under [data-theme="dark"]. */
:root {
  --bg: #f4f2ed; --ink: #0a0d10; --rule: #0a0d10; --muted: #6b7075;
  --block: #0a0d10; --block-ink: #f4f2ed;
  --card: #d9d5cc;
  --gold: #c4ab66; --gold-cell: #ceb36b; --on-gold: #0a0d10;
  --ring: #4c606e; --win-ink: #0a0d10;
  --list: #0a0d10; --list-ink: #f4f2ed; --list-rule: #0a0d10; --panel: #f4f2ed;
  --tile-a: #0a0d10; --tile-a-ink: #f4f2ed; --tile-b: #f4f2ed; --tile-b-ink: #0a0d10;
  --sign: #8b949b;
  /* Sloane Method panel */
  --m-bg: #f4f2ed; --m-ink: #0a0d10; --m-soft: #2c3339; --m-dim: #d9d5cc; --m-rule: #0a0d10;
  --m-track: rgba(10, 13, 16, .12); --m-ring: #4c606e;

  --s: min(1px, calc(100vw / 1440));   /* display type and CTA geometry scale below 1440 */
  --hh: 72px;                           /* sticky header height */
  --ease: cubic-bezier(.16, 1, .3, 1);
  --ease-io: cubic-bezier(.77, 0, .18, 1);

  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --font-head: "Stack Sans Headline", system-ui, sans-serif;
  --font-text: "Stack Sans Text", system-ui, sans-serif;

  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #0a0d10; --ink: #f4f2ed; --rule: #2c3339; --muted: #8b949b;
  --block: #161b20; --block-ink: #f4f2ed; --card: #20272d;
  --ring: #6a7f8d; --win-ink: #0a0d10;
  --list: #161b20; --list-ink: #f4f2ed; --list-rule: #2c3339; --panel: #0a0d10;
  --tile-a: #f4f2ed; --tile-a-ink: #0a0d10; --tile-b: #161b20; --tile-b-ink: #f4f2ed;
  --m-bg: #161b20; --m-ink: #f4f2ed; --m-soft: #d9d5cc; --m-dim: #2c3339; --m-rule: #2c3339;
  --m-track: rgba(244, 242, 237, .2); --m-ring: #6a7f8d;
  color-scheme: dark;
}