/* Settings — design tokens */
:root {
  --color-white: #ffffff;
  --color-ink: #12141a;
  --color-ink-soft: #3a3f4b;
  --color-muted: #6b7280;
  --color-blue: #0057ff;
  --color-blue-deep: #003bb8;
  --color-magenta: #ff2d6a;
  --color-magenta-soft: rgba(255, 45, 106, 0.12);
  --color-blue-soft: rgba(0, 87, 255, 0.1);
  --color-tint: #f4f6fb;
  --color-line: #d8dde8;
  --color-band: #e8eeff;

  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Source Serif 4", "Georgia", serif;
  --font-ui: "Barlow Condensed", sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  --container: 1120px;
  --container-narrow: 720px;
  --radius: 0;
  --border: 1px solid var(--color-line);
  --border-strong: 1px solid var(--color-ink);
  --shadow: none;

  --age-h: 36px;
  --header-h: 64px;
  --z-age: 1000;
  --z-header: 900;
  --z-cookie: 1100;
}