/* Woo’s Briefing design tokens: the only source of colour, type and spacing.
 * Read by design/site.css, the WordPress theme and blog_studio/image.py (featured plates). Change here, nowhere else. */
:root {
  /* Layout: a front page on chart paper; the lead story sits beside its own chart plate, as a pilot book sets a harbour plan beside the text */
  --paper: oklch(96.5% 0.007 225); --paper-2: oklch(93.5% 0.010 225); --sheet: oklch(98.8% 0.003 225);
  --ink: oklch(21% 0.035 240); --ink-2: oklch(31% 0.028 240); --muted: oklch(46% 0.022 240);
  --rule: oklch(85% 0.014 230); --rule-2: oklch(35% 0.03 240);
  --sea: oklch(90% 0.025 222); --land: oklch(94% 0.032 88); --coast: oklch(55% 0.03 230); --land-hi: oklch(91% 0.035 350);
  --accent: oklch(45% 0.185 350); --accent-2: oklch(38% 0.16 350); --accent-ink: oklch(98% 0.006 350); --focus: oklch(47% 0.19 350);
  --font-display: "Newsreader", "Iowan Old Style", Georgia, serif;
  --font-body: "Newsreader", Georgia, "Times New Roman", serif;
  --font-ui: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --space-2xs: 4px; --space-xs: 8px; --space-sm: 12px; --space-md: 16px; --space-lg: 24px; --space-xl: 40px; --space-2xl: 64px; --space-3xl: 96px; --space-4xl: 144px;
  --text-xs: 0.8125rem; --text-sm: 0.9375rem; --text-md: 1.0625rem; --text-lg: 1.25rem; --text-xl: 1.5rem; --text-2xl: 2rem;
  --text-lead: clamp(1.15rem, 0.4vw + 1rem, 1.375rem);
  --text-h1: clamp(2.25rem, 3.2vw + 1rem, 3.75rem);
  --text-section: clamp(2rem, 2.2vw + 1rem, 3rem);
  --text-word: clamp(2.5rem, 4vw + 1rem, 4.5rem);
  --container: 1400px; --gutter: max(var(--space-md), 4vw);
  --dur: 140ms; --ease: cubic-bezier(0.16, 1, 0.3, 1);
  color-scheme: light;
}