/* Settings — design tokens */
:root {
  --color-slate: #e8eef2;
  --color-slate-deep: #d5dee6;
  --color-teal: #0b4f56;
  --color-teal-deep: #083c42;
  --color-teal-soft: #c5d9dc;
  --color-yellow: #f5e800;
  --color-yellow-ink: #5c5600;
  --color-ink: #12181c;
  --color-ink-soft: #3a454c;
  --color-white: #fbfcfd;
  --color-tint: #f0f5f7;

  --font-serif: "Libre Baskerville", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1.0625rem;
  --font-size-md: 1.25rem;
  --font-size-lg: 1.75rem;
  --font-size-xl: 2.5rem;
  --font-size-hero: clamp(3.25rem, 9vw, 6.5rem);

  --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;
  --space-10: 8rem;

  --measure: 68ch;
  --container: 72rem;
  --container-narrow: 40rem;
  --line: 1.65;
  --line-tight: 1.2;

  --shadow-lift: 0 10px 28px rgba(11, 79, 86, 0.12);
  --radius: 0;
  --hairline: 1px solid rgba(11, 79, 86, 0.18);
  --age-bar-h: 2.75rem;
  --sticky-nav-h: 3.5rem;
}