/* Settings — design tokens */
:root {
  --color-white: #ffffff;
  --color-cool: #f4f7fb;
  --color-ink: #1a2332;
  --color-slate: #4a6fa5;
  --color-slate-deep: #355a8a;
  --color-slate-soft: #d6e2f0;
  --color-accent: #c8f542;
  --color-accent-ink: #1a2e00;
  --color-band: #e8eef6;
  --color-muted: #5a6a7e;
  --font-sans: "DM Sans", "Avenir Next", "Segoe UI", sans-serif;
  --space-xs: 0.35rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3.5rem;
  --space-2xl: 5rem;
  --max: 72rem;
  --radius-card: 1.25rem;
  --radius-badge: 0.2rem;
  --border-dash: 1.5px dashed var(--color-slate);
  --border-dot: 1.5px dotted var(--color-slate-soft);
  --age-h: 2.5rem;
  --cookie-h: 0;
}