/* Design tokens and the self-hosted fonts (ADR 0044). Courier Prime and Gelasio are SIL OFL fonts
   shipped in ./fonts/ with their licences; nothing is loaded from another host (strict CSP). A theme
   (themes/*.css) picks which tokens the page uses. */
@font-face {
  font-family: "Courier Prime";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/courier-prime-400.f85e0aa2239e.woff2") format("woff2");
}
@font-face {
  font-family: "Courier Prime";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/courier-prime-400-italic.0affa18094c7.woff2") format("woff2");
}
@font-face {
  font-family: "Courier Prime";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/courier-prime-700.bf94f71e7ba4.woff2") format("woff2");
}
@font-face {
  font-family: "Courier Prime";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/courier-prime-700-italic.bb8c3d824d2e.woff2") format("woff2");
}
@font-face {
  font-family: "Gelasio";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/gelasio-variable.4b665fc80b40.woff2") format("woff2");
}
@font-face {
  font-family: "Gelasio";
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/gelasio-variable-italic.4d86a2363181.woff2") format("woff2");
}

:root {
  /* Palette */
  --burnt-red: #7a1219;
  --burnt-red-deep: #5e0e13;
  --tan: #f6f3e2;
  --cream: #f5f0e0;
  --white: #ffffff;
  --ink: #141414;
  --ink-soft: #4a4a4a;

  /* Type: the neutral stacks; the Raleighwood theme switches to Courier Prime and Georgia */
  --font-system: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "Courier Prime", ui-monospace, "Cascadia Mono", "Source Code Pro", Menlo, Consolas,
    "Courier New", monospace;
  --font-serif: Georgia, Gelasio, "Times New Roman", serif;
  --font-heading: var(--font-system);
  --font-body: var(--font-system);
  --font-ui: var(--font-system);

  /* Layout */
  --content-width: 64rem;
  --radius: 6px;
}