/* Hallmark · genre: editorial · macrostructure: Workbench · design-system: design.md · designed-as-app · nav: N6 · footer: Ft1 */
:root {
  --color-paper: oklch(15% 0.008 55);
  --color-paper-raised: oklch(18% 0.01 55);
  --color-surface: oklch(21% 0.012 55);
  --color-surface-strong: oklch(24% 0.014 55);
  --color-rule: oklch(29% 0.012 55);
  --color-rule-strong: oklch(39% 0.016 55);
  --color-ink: oklch(94% 0.008 75);
  --color-ink-soft: oklch(77% 0.012 75);
  --color-ink-muted: oklch(61% 0.012 75);
  --color-accent: oklch(72% 0.18 62);
  --color-accent-soft: oklch(72% 0.18 62 / 0.12);
  --color-accent-ink: oklch(15% 0.008 55);
  --color-on-strong: oklch(98% 0.006 75);
  --color-link: oklch(80% 0.08 250);
  --color-good: oklch(74% 0.14 155);
  --color-bad: oklch(67% 0.2 25);
  --color-stripe-dark: oklch(22% 0.04 var(--hue, 20));
  --color-stripe-deep: oklch(18% 0.04 var(--hue, 20));
  --font-display: "Newsreader", ui-serif, Georgia, serif;
  --font-body: "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --radius-control: 4px;
  --radius-panel: 10px;
  --content-wide: 80rem;
  --content-reading: 46rem;
  --shadow-focus: 0 0 0 3px oklch(72% 0.18 62 / 0.28);
}