/* The look. Change colours, fonts and spacing here and nowhere else.
   site.css uses only these variables. */
:root {
  --color-page: #f6f3ee;
  --color-surface: #ffffff;
  --color-text: #1d1b19;
  --color-muted: #5f5a54;
  --color-accent: #b3261e;
  --color-accent-text: #ffffff;
  --color-border: #d9d3ca;
  --color-warning: #fff3c4;

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

  --width-page: 60rem;
  --radius: 6px;
  --space: 1rem;
}