/* All screen colors, type, and spacing start here so a theme can be swapped. */
:root {
  color-scheme: light;
  --color-page: #f4f5f0;
  --color-surface: #ffffff;
  --color-ink: #20382e;
  --color-muted: #53645b;
  --color-accent: #205b40;
  --color-tint: #e1ecdf;
  --color-border: #ced8ce;
  /* 2026-11-09, #5: first-article holds need the prototype's red stop signal. */
  --color-hold: #942a25;
  --color-hold-tint: #fff0ed;
  --font-body: system-ui, sans-serif;
  --font-title: Georgia, serif;
  --font-size-small: 0.875rem;
  --font-size-body: 1rem;
  --font-size-section: 1.25rem;
  --font-size-title: clamp(2rem, 6vw, 3.5rem);
  --font-line-height: 1.6;
  --font-line-height-title: 1.1;
  --font-weight-emphasis: 700;
  --space-1: 0.375rem;
  --space-2: 0.75rem;
  --space-3: 1.25rem;
  --space-4: 2rem;
  --space-5: 3.5rem;
  --radius-card: 1rem;
  --radius-control: 0.5rem;
  --radius-pill: 2rem;
  --size-page: 54rem;
  --size-control: 2.75rem;
  --border-width: 1px;
}