/* Real font faces, applied after the window load event (see app/layout.tsx).
 * Loaded via a print-media stylesheet that is flipped to "all" on load, so the
 * first paint uses the metric-adjusted fallbacks declared in globals.css and
 * the webfonts never compete with the LCP image for bandwidth. */

@font-face {
  font-family: "Fraunces";
  src: url("/fonts/fraunces-var.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fraunces";
  src: url("/fonts/fraunces-italic-var.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/fonts/inter-var.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url("/fonts/plexmono-400-var.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url("/fonts/plexmono-500-var.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}