/* ITCSS: settings — tokens */
:root {
  --color-slate: #e8edf2;
  --color-slate-deep: #c5ced8;
  --color-teal: #0d7377;
  --color-teal-dark: #095456;
  --color-ink: #1a2228;
  --color-muted: #4a5560;
  --color-yellow: #f5e642;
  --color-yellow-hot: #ffe600;
  --color-white: #ffffff;
  --color-band: #d4e8e9;

  --font-display: "Roboto Slab", "Rockwell", "Courier New", serif;
  --font-body: "Source Sans 3", "Segoe UI", "Helvetica Neue", sans-serif;
  --font-mono: "IBM Plex Mono", "Consolas", monospace;

  --space-xs: 0.35rem;
  --space-sm: 0.65rem;
  --space-md: 1.15rem;
  --space-lg: 2rem;
  --space-xl: 3.25rem;
  --space-2xl: 5rem;

  --radius: 10px;
  --shadow-tile: 0 6px 22px rgba(13, 115, 119, 0.12);
  --max: 1120px;
  --age-h: 2.4rem;
  --ease: 0.18s ease;
}