:root {
  --color-bg: #e9e4da;
  --color-paper: #f5f0e7;
  --color-surface: #fffaf2;
  --color-ink: #111111;
  --color-body-secondary: #403d39;
  --color-muted: #69645e;
  --color-line: rgba(17,17,17,.22);
  --color-dark: #111111;
  --color-placeholder: #24211f;
  --color-accent: #ff2d55;
  --color-accent-text: #111111;
  --color-white: #fffaf2;
  --width-page: 1240px;
  --width-h1: 700px;
  --width-h2: 850px;
  --width-hero-copy: 560px;
  --width-section-intro: 720px;
  --width-section-lead: 790px;
  --text-body: 16px;
  --text-label: 12px;
  --text-small: 13px;
  --text-ui: 14px;
  --text-copy: 17px;
  --text-intro: 19px;
  --text-h1: clamp(54px,5vw,68px);
  --text-h2: clamp(39px,4.35vw,52px);
  --text-h1-mobile: clamp(36px,11vw,44px);
  --text-h2-mobile: clamp(32px,9.5vw,38px);
  --space-section: clamp(76px,7vw,96px);
  --space-section-mobile: 64px;
  --space-page-inline: max(22px,calc((100vw - var(--width-page)) / 2));
  --display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  --mono: ui-monospace, SFMono-Regular, Consolas, monospace;
}