:root {
  color-scheme: light;
  --color-canvas: #ffffff;
  --color-paper: #eff0eb;
  --color-mist: #eaf4fb;
  --color-ink: #14181d;
  --color-body: #565f6b;
  --color-muted: #8a929c;
  --color-hairline: #e5e5e1;
  --color-blue: #1b63b6;
  --color-blue-dark: #14528f;
  --color-night: #112943;
  --color-blue-light: #75b8f4;

  /* Compatibility aliases used by the first-generation page layouts. */
  --canvas: var(--color-canvas);
  --paper: var(--color-paper);
  --mist: var(--color-mist);
  --ink: var(--color-ink);
  --body: var(--color-body);
  --muted: var(--color-muted);
  --hair: var(--color-hairline);
  --blue: var(--color-blue);
  --blue-dark: var(--color-blue-dark);
  --night: var(--color-night);

  --font-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --content-width: 1160px;
  --nav-height: 80px;
  --radius-pill: 999px;
  --space-page: 48px;
  --section-space: 112px;
  --section-space-mobile: 78px;
  --transition-fast: 200ms ease;
}

@media (max-width: 700px) {
  :root {
    --nav-height: 72px;
    --space-page: 32px;
  }
}