/* ---------- Fonts (self-hosted, SIL OFL: see ../fonts/LICENSES.txt) ----------
   Static instances, not variable fonts: browsers embed variable fonts in PDFs as
   shapes (Type 3), which makes the text impossible to copy or search. */
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Fraunces-400.woff2") format("woff2");
}
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Fraunces-700.woff2") format("woff2");
}
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/Fraunces-900.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Inter-400.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Inter-500.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/Inter-600.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Inter-700.woff2") format("woff2");
}

/* ---------- Tokens ---------- */
:root {
  --ink: #14201b;
  --muted: #3d4f47;
  --forest-900: #0f2a22;
  --forest-700: #1b4b3a;
  --forest-500: #2f7a5c;
  --lime: #b6e36a;
  --sage: #d9e8c8;
  --cream: #f4f1e8;

  --font-display: "Fraunces", serif;
  --font-body: "Inter", sans-serif;

  --page-w: 794px;
  --page-h: 1123px;
}