:root {
  --color-brand: #07864B;
  --color-eyebrow: #056A3C;
  --color-forest: #0C2B1D;
  --color-mist: #EEF3EF;
  --color-white: #FFFFFF;
  --color-ink: #10271D;
  --color-muted: #58675E;
  --color-gold: #B99348;
  --color-rule: #C9D4CC;

  --font-display: Georgia, "Times New Roman", serif;
  --font-body: Inter, "Helvetica Neue", Arial, sans-serif;
  --font-utility: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --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: 4.5rem;
  --space-9: 7rem;

  --radius-none: 0;
  --radius-small: 0.125rem;
  --content-max: 76rem;
  --reading-max: 44rem;
  --rule: 1px solid var(--color-rule);
  --shadow-focus: 0 0 0 3px var(--color-white), 0 0 0 5px var(--color-brand);
}