/* Settings — design tokens */
:root {
  --color-base: #e8f5f0;
  --color-base-2: #f4faf7;
  --color-ink: #1a1a1a;
  --color-ink-soft: #3a4440;
  --color-muted: #5c6b65;
  --color-accent: #0d6b5c;
  --color-accent-soft: rgba(13, 107, 92, 0.08);
  --color-line: rgba(26, 26, 26, 0.14);
  --color-white: #ffffff;

  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Source Serif 4", "Georgia", serif;
  --font-mono: "IBM Plex Mono", "Consolas", 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: 6rem;

  --radius: 6px;
  --shadow-inner: inset 0 1px 2px rgba(26, 26, 26, 0.06);
  --shadow-one: 0 8px 24px rgba(13, 107, 92, 0.08);

  --max: 72rem;
  --measure: 38rem;
  --header-h: 3.5rem;
  --age-h: 2.25rem;

  --ease: 180ms ease;
}