/* Design tokens. Defined once here; no other file hard-codes a colour, size or
   radius. The accent behaves like a highlighter: it sits behind ink rather
   than replacing it. */

:root{
  --paper:#ECEEE9; --paper-raised:#F6F7F4; --paper-sunk:#E3E6DF;
  --ink:#151C24; --ink-soft:#3B4652; --slate:#5A6672; --rule:#D3D7CF;
  --marigold:#E9A50F; --marigold-deep:#B77C00;
  /* Map fill, not the highlighter: needs 3:1 against --uncovered. */
  --covered:#A06B00; --uncovered:#D8DCD5;
  /* The accent is too light for body text on paper, so accented text uses this. */
  --accent-text:#8A5A00;
  --ok:#1C6B3A; --ok-bg:#E2EFE6;
  --bad:#A12A22; --bad-bg:#F7E4E2;
  --info:#1F4F8B; --info-bg:#E3EAF4;

  /* Type scale, ~1.19 ratio, the display size fluid from 320px up. */
  --step--1:.8125rem; --step-0:1rem; --step-1:1.1875rem; --step-2:1.5rem;
  --step-3:2rem; --step-4:clamp(2.25rem,1.3rem + 4.4vw,4.25rem);

  --space-1:.375rem; --space-2:.75rem; --space-3:1.25rem; --space-4:2rem;
  --space-5:3.25rem; --space-6:5rem;

  --radius:3px; --radius-lg:6px;
  --shadow:0 1px 2px rgba(21,28,36,.07), 0 6px 20px -12px rgba(21,28,36,.25);
  --measure:36rem;

  --font-body:Archivo,system-ui,sans-serif;
  --font-display:"Source Serif 4",Georgia,serif;
  color-scheme:light;
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#12171D; --paper-raised:#1A2128; --paper-sunk:#0E1318;
    --ink:#E7EAE5; --ink-soft:#BAC2BD; --slate:#8D9A94; --rule:#2A333B;
    --marigold:#F0B02B; --marigold-deep:#F0B02B;
    --covered:#F0B02B; --uncovered:#232B33;
    --accent-text:#F0B02B;
    --ok:#79D49A; --ok-bg:#17301F;
    --bad:#FF9C99; --bad-bg:#3A1618;
    --info:#9CC4FF; --info-bg:#1B2F4D;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 6px 20px -12px rgba(0,0,0,.7);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --paper:#12171D; --paper-raised:#1A2128; --paper-sunk:#0E1318;
  --ink:#E7EAE5; --ink-soft:#BAC2BD; --slate:#8D9A94; --rule:#2A333B;
  --marigold:#F0B02B; --marigold-deep:#F0B02B;
  --covered:#F0B02B; --uncovered:#232B33;
  --accent-text:#F0B02B;
  --ok:#79D49A; --ok-bg:#17301F;
  --bad:#FF9C99; --bad-bg:#3A1618;
  --info:#9CC4FF; --info-bg:#1B2F4D;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 6px 20px -12px rgba(0,0,0,.7);
  color-scheme:dark;
}