/* Settings — design tokens */
:root {
  --color-bg: #f6f3ee;
  --color-bg-tint: #ebe7e0;
  --color-ink: #1a2224;
  --color-ink-soft: #3d4a4e;
  --color-teal: #0a6e72;
  --color-teal-deep: #075458;
  --color-accent: #ff6b2c;
  --color-accent-deep: #e25518;
  --color-white: #fffcf8;
  --color-rule: #c8c2b8;
  --color-dashed: #a8b5b6;
  --font-display: "Fraunces", "Georgia", serif;
  --font-condensed: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Source Serif 4", "Georgia", serif;
  --font-mono: "IBM Plex Mono", "Consolas", monospace;
  --space-xs: 0.35rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3.5rem;
  --space-2xl: 5.5rem;
  --measure: 68rem;
  --measure-narrow: 42rem;
  --shadow-tile: 4px 4px 0 rgba(10, 110, 114, 0.12);
  --shadow-lift: 6px 8px 0 rgba(10, 110, 114, 0.18);
  --age-bar-h: 2.4rem;
  --radius: 0;
}