/* Settings — tokens */
:root {
  --color-white: #ffffff;
  --color-ink: #0a0f1a;
  --color-ink-soft: #3a4254;
  --color-muted: #6b7385;
  --color-blue: #0066ff;
  --color-blue-deep: #0047b3;
  --color-magenta: #ff2d8a;
  --color-magenta-deep: #d9146c;
  --color-tint-blue: #eef4ff;
  --color-tint-magenta: #ffe8f3;
  --color-tint-soft: #f5f8ff;
  --color-rule: #d5dceb;
  --color-surface: #ffffff;
  --font-sans: "DM Sans", "Avenir Next", "Segoe UI", sans-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;
  --radius: 14px;
  --radius-sm: 10px;
  --radius-btn: 12px;
  --shadow-btn: 0 4px 14px rgba(0, 102, 255, 0.22);
  --shadow-one: 0 8px 28px rgba(10, 15, 26, 0.08);
  --max: 1120px;
  --age-h: 2.5rem;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}