/*
 * Self-hosted Satoshi + Cabinet Grotesk. Downloaded from Fontshare 06 Sep 2026
 * (original URLs preserved in git history). Serving them from our own origin
 * removes ~300ms of third-party DNS+TLS+redirect chain on cold mobile.
 *
 * font-display: swap - text paints immediately in the fallback (system-ui),
 * then re-lays out once the WOFF2 arrives. Better perceived perf than blocking.
 */

/* ---- Cabinet Grotesk (display) ---- */
@font-face {
  font-family: "Cabinet Grotesk";
  src: url("/fonts/cabinet-grotesk-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cabinet Grotesk";
  src: url("/fonts/cabinet-grotesk-800.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cabinet Grotesk";
  src: url("/fonts/cabinet-grotesk-900.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ---- Satoshi (body) ---- */
@font-face {
  font-family: "Satoshi";
  src: url("/fonts/satoshi-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("/fonts/satoshi-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  /* 600 is served by weight-500 file; browsers synthesise via faux-bold. */
  src: url("/fonts/satoshi-500.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("/fonts/satoshi-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ---- DM Serif Display (postcards only) — SIL Open Font License, via Fontsource, 25 Sep 2026 ---- */
@font-face {
  font-family: "DM Serif Display";
  src: url("/fonts/dm-serif-display-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Serif Display";
  src: url("/fonts/dm-serif-display-400-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}