:root {
  color-scheme: dark;

  --color-background: #121314;
  --color-text: #c5c7d4;
  --color-link: #eceef5;
  --color-link-hover: #ffffff;
  --color-highlight: #b0283c;

  /* Self-hosted so the page looks the same on every device, without third-party requests */
  --font-sans: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;

  --width-text: 28em;
}