/* Slab & Pier design tokens. Defined once here; no page redefines them.
   Source: docs/research/2026-10-07-school-clearly-design-transfer.md, sections 2 and 3. */
:root {
  --ink: #06273d;
  --ink-soft: #4b6269;
  --ink-body: #344c54;
  --ink-faint: #526c74;
  --teal: #277b84;
  --action: #176873;
  --action-hover: #11545e;
  --focus: #187f8d;
  --canvas: #e9eef0;
  --paper: #fbfaf4;
  --line: #d3dbd8;
  --eyebrow: #41646d;
  --summary-rule: #73a4a1;

  /* evidence states, always shown with a text label */
  --state-on-record: #1f6f5a;
  --state-attention: #8a5a12;
  --state-adverse: #8f2f2a;
  --state-unknown: #526c74;

  --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --sans: "DM Sans", system-ui, sans-serif;

  --gutter: clamp(20px, 6vw, 96px);
  --read: 800px;
  --wide: 1152px;
  --radius-card: 12px;
  --radius-panel: 18px;
}