:root {
  --color-petrol-black: #0b1c20;
  --color-foundry-blue: #24373d;
  --color-bone: #f4f0e7;
  --color-mineral-mist: #dce2df;
  --color-iron: #292f30;
  --color-burnished-clay: #a85f43;
  --color-antique-brass: #9b814d;
  --color-clay-action: #934832;
  --color-logo-ink: #111b1d;
  --color-logo-chalk: #f8f5ee;
  --color-surface: var(--color-bone);
  --color-surface-subtle: var(--color-mineral-mist);
  --color-surface-dark: var(--color-petrol-black);
  --color-text: var(--color-iron);
  --color-text-inverse: var(--color-bone);
  --color-border: rgb(41 47 48 / 18%);
  --color-border-inverse: rgb(244 240 231 / 24%);
  --color-focus: var(--color-burnished-clay);
  --font-display: "Source Serif 4", "Iowan Old Style", "Palatino Linotype",
    "Georgia", serif;
  --font-interface: "Inter", "Aptos", "Segoe UI", "Arial", sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: clamp(1.125rem, 1rem + 0.35vw, 1.3125rem);
  --text-h3: clamp(1.375rem, 1.1rem + 0.85vw, 1.875rem);
  --text-h2: clamp(1.875rem, 1.35rem + 2vw, 3.25rem);
  --text-page-title: clamp(2.375rem, 1.6rem + 3vw, 4.25rem);
  --text-hero: clamp(2.375rem, 1.25rem + 5vw, 5.25rem);
  --leading-tight: 1.04;
  --leading-heading: 1.12;
  --leading-body: 1.65;
  --tracking-label: 0.16em;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-18: 4.5rem;
  --space-24: 6rem;
  --space-30: 7.5rem;
  --content-shell: 76rem;
  --reading-measure: 45rem;
  --hero-measure: 51rem;
  --gutter: clamp(1.25rem, 3vw, 2rem);
  --border-thin: 1px;
  --radius-control: 0.125rem;
  --focus-width: 0.1875rem;
  --transition-fast: 180ms ease;
  --layer-header: 20;
  --layer-skip-link: 100;
}