:root {
  --cream: #F4EFE4;
  --black: #121312;
  --blue: #1B3BFF;
  --pink: #FF4F9A;
  --acid: #D4FF3A;
  --paper: #F2F2EA;
  --font-sans: "Archivo", ui-sans-serif, system-ui, sans-serif;
  --font-poster: "Anton", "Archivo", Impact, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;
  --gutter: clamp(1rem, 5vw, 4rem);
  --col: 72rem;
  --focus: var(--blue); /* outside any section (the skip link) */
  --rail: clamp(2.75rem, 9vw, 8rem); /* margin either side of the reading column; the route runs here */
  --route: var(--pink);
  --feed: 7rem; /* how far each sheet overlaps the one before (the printer feed) */
  color-scheme: light;
}
/* Each section declares its paper; everything inside reads these. */
[data-paper="cream"] {
  --bg: var(--cream); --fg: var(--black); --ink: var(--blue); --over: var(--pink);
  --blend: multiply; --accent: var(--blue); --on-accent: var(--cream); --focus: var(--blue);
}
[data-paper="black"] {
  --bg: var(--black); --fg: var(--paper); --ink: var(--paper); --over: var(--pink);
  --blend: screen; --accent: var(--acid); --on-accent: var(--black); --focus: var(--acid);
  color-scheme: dark;
}