:root {
  --color-page: #fbfaf7;
  --color-text: #173653;
  --color-muted: #66706a;
  --color-border: #dce4dc;
  --color-accent: #567b50;
  --color-accent-strong: #143450;
  --color-accent-text: #fbfaf7;

  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-serif: Georgia, "Times New Roman", serif;

  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.75rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 7rem;
  --space-4xl: 10rem;

  --container-width: 68rem;
  --content-width: 38rem;
  --editorial-width: 60rem;
  --editorial-heading-width: 56rem;
  --editorial-text-width: 42rem;
  --radius-sm: 0.125rem;
}
