:root {
  --color-ink: #171614;
  --color-paper: #f3efe7;
  --color-surface: #faf8f3;
  --color-line: #d7d0c5;
  --color-accent: #9a3e32;
  --color-olive: #69705b;
  --color-muted: #77716a;
  --color-muted-strong: #6b6660;
  --color-white: #ffffff;
  --color-black: #0a0a09;
  --color-danger: #a12c2c;

  --font-display: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-body: "Manrope", Arial, Helvetica, sans-serif;
  --font-meta: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

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

  --container: min(92vw, 1600px);
  --reading-width: 70ch;
  --header-height: 5.5rem;
  --line: 1px solid var(--color-line);
  --radius: 0.25rem;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 160ms;
  --duration-base: 280ms;
}