:root {
  --mint: #e6f4ef;
  --mint-deep: #d4ebe3;
  --teal: #0a5c63;
  --teal-mid: #0d737a;
  --teal-soft: #b8d9d4;
  --ink: #14181a;
  --ink-soft: #3a4246;
  --paper: #f4faf7;
  --white: #ffffff;
  --rule: #0a5c63;
  --accent: #0a5c63;
  --warn: #0a5c63;

  --font-display: "Playfair Display", "Didot", "Bodoni MT", Georgia, serif;
  --font-body: "Source Sans 3", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "Consolas", monospace;

  --fs-display: clamp(2.75rem, 6vw, 5.5rem);
  --fs-h1: clamp(2rem, 4vw, 3.25rem);
  --fs-h2: clamp(1.5rem, 2.5vw, 2.125rem);
  --fs-h3: 1.25rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --fs-label: 0.75rem;

  --lh-tight: 1.15;
  --lh-body: 1.65;
  --lh-loose: 1.8;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  --w-content: 72rem;
  --w-prose: 40rem;
  --sidebar: 14rem;
  --radius: 0;
  --border: 1px solid var(--teal-soft);
  --rule-heavy: 3px solid var(--teal);
  --shadow-one: 4px 4px 0 color-mix(in srgb, var(--teal) 18%, transparent);

  --age-h: 2.25rem;
  --header-h: 6.5rem;
}