/* Overprint — a risograph zine, not a screen. Cream paper stock,
   indigo ink text, and the four classic riso drum colors doing the
   charts. The signature is misregistration: every panel casts a hard
   offset shadow in blue ink, as if the second pass through the
   duplicator landed 4mm off. No blur anywhere — print has no soft
   shadows. Fraunces = chunky ink-trap serif; Courier Prime = the
   typewriter riso zines were pasted up from. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=Courier+Prime:wght@400;700&display=swap');

:root[data-theme="overprint"] {
  --bg: #F4EEDD;
  --bg-image: none;
  --surface: #FAF6EA;
  --surface-2: #EBE3CB;
  --text: #252B57;
  --text-muted: #5D6083;
  --accent: #C41E78;   /* riso pink, run darker for 4.5:1 as text on paper */
  --on-accent: #FFFFFF;
  --border: rgb(37 43 87 / .75);
  --grid-line: rgb(37 43 87 / .18);

  --radius: 6px;
  --radius-sm: 4px;
  --shadow: 4px 4px 0 rgb(0 116 184 / .35);   /* the off-register blue pass */
  --backdrop-filter: none;

  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Space Grotesk', system-ui, sans-serif;
  --font-mono: 'Courier Prime', 'Courier New', monospace;
  --label-case: uppercase;
  --label-tracking: 0.07em;

  /* chart palette = the riso ink drums, validated (dataviz six checks)
     vs surface #FAF6EA, light mode. Blue, orange, green, pink. */
  --chart-1: #0074B8;
  --chart-2: #E05512;
  --chart-3: #00915A;
  --chart-4: #E0119A;

  --ok: #007A44;
  --warn: #B54A00;
  --bad: #C0002B;
  --ok-bg: color-mix(in srgb, var(--ok) 13%, transparent);
  --warn-bg: color-mix(in srgb, var(--warn) 13%, transparent);
  --bad-bg: color-mix(in srgb, var(--bad) 13%, transparent);
}