/* Shared foundations. Spacing uses 8px steps; small type uses 2px steps. */
:root {
  --color-paper: #fffdfa;
  --color-ink: #292929;
  --color-heading: #4b4b4b;
  --color-muted: #929292;
  --color-peach: #fff3ea;
  --color-lavender: #f2ecff;
  --color-butter: #fff7df;
  --color-footer: #848cc4;
  --space-8: 8px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --space-112: 112px;
  --space-128: 128px;
  --text-12: 12px;
  --text-14: 14px;
  --text-16: 16px;
  --text-18: 18px;
  --text-24: 24px;
  --text-32: 32px;
  --text-40: 40px;
  --text-48: 48px;
  --text-56: 56px;
  --text-64: 64px;
  --text-72: 72px;
  --text-80: 80px;
  --text-96: 96px;
  --text-112: 112px;
  --text-128: 128px;
  --font-display: "Pulp Serif", Didot, serif;
  --font-body: Geist, Arial, sans-serif;
  --title-tracking: -0.055em;
  --title-leading: 0.95;
  --thumbnail-title-size: clamp(40px, 4vw, 80px);
  --article-title-size: clamp(48px, 7.2vw, 128px);
  --content-width: 624px;
  --homepage-container-width: min(86vw, 1680px);
  --desktop-section-gap: clamp(160px, 12.5vw, 216px);
}
@media (max-width: 700px) {
  :root {
    --thumbnail-title-size: clamp(40px, 12vw, 64px);
    --homepage-container-width: calc(100vw - 40px);
  }
}