/* Settings — tokens */
:root {
  --color-base: #faf8f5;
  --color-surface: #ffffff;
  --color-ink: #1c1a17;
  --color-muted: #5c574f;
  --color-blue: #2563eb;
  --color-blue-soft: #eef3ff;
  --color-accent: #e11d8a;
  --color-accent-soft: #fff0f7;
  --color-rule: #e5e0d8;
  --color-age: #1c1a17;
  --font-display: "Libre Baskerville", "Iowan Old Style", "Palatino Linotype", Palatino, serif;
  --font-body: "Source Sans 3", "Source Sans Pro", "Segoe UI", system-ui, sans-serif;
  --space-xs: 0.4rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3.25rem;
  --space-2xl: 5rem;
  --radius: 1rem;
  --radius-sm: 0.65rem;
  --shadow-tile: 0 8px 28px rgba(28, 26, 23, 0.06);
  --shadow-one: 0 8px 28px rgba(28, 26, 23, 0.06);
  --max: 1120px;
  --rail: 280px;
  --header-h: 4.25rem;
  --age-h: 2.4rem;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion: 0;
  }
}