:root {
  --color-signal: #ff4f2e;
  --color-signal-dark: #c92f18;
  --color-paper: #f3f0e7;
  --color-paper-soft: #faf8f2;
  --color-paper-deep: #e7e1d4;
  --color-ink: #073b3a;
  --color-ink-soft: #315d5b;
  --color-ion: #5aa7ff;
  --color-ion-dark: #1268c4;
  --color-graphite: #222625;
  --color-white: #ffffff;

  --font-display: "Space Grotesk", Arial, sans-serif;
  --font-reading: "Source Serif 4", Georgia, serif;
  --font-mono: "IBM Plex Mono", Consolas, monospace;

  --content-wide: 90rem;
  --content-reading: 46.25rem;
  --page-gutter: clamp(1.25rem, 4vw, 4rem);
  --ease-signal: cubic-bezier(0.2, 0.8, 0.2, 1);
}