:root {
  --color-mint: #E8F5F0;
  --color-mint-deep: #D4EDE4;
  --color-teal: #0B6E6E;
  --color-teal-deep: #084F4F;
  --color-ink: #12181A;
  --color-ink-soft: #3A4548;
  --color-paper: #F7FBFA;
  --color-line: #B7D4CC;
  --color-accent: #0B6E6E;
  --color-warn: #8A1C1C;
  --color-white: #ffffff;
  --font-display: "Bodoni Moda", "Didot", "Times New Roman", serif;
  --font-body: "Source Sans 3", "Source Sans Pro", "Helvetica Neue", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, 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: 4rem;
  --space-9: 6rem;
  --max: 72rem;
  --reading: 42rem;
  --rail: 14rem;
  --radius: 0;
  --shadow-overlap: 0 12px 32px rgba(18, 24, 26, 0.08);
  --focus: 2px solid var(--color-teal);
  --focus-offset: 2px;
}