/* Self-hosted fonts — no external CDN, no render-blocking <link> to a font host.
   Variable woff2 pulled once from the CRS website's own self-hosted assets and
   bundled under assets/fonts/. font-display:swap so text paints immediately
   even on a cold kiosk. Component CSS never names a family directly — it goes
   through the --font-serif / --font-sans / --font-mono tokens in kiosk.css. */

/* Fraunces — modern high-contrast display serif for titles / labels */
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/fraunces-var.woff2") format("woff2");
}

/* Fraunces Italic — true italic face for tagline/blurb/caption/accent usages
   that already set font-style: italic in component CSS; without this the
   browser synthesizes a fake oblique from the upright face above. */
@font-face {
  font-family: "Fraunces";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/fraunces-italic.woff2") format("woff2");
}

/* Archivo — modern grotesque sans for body copy, answers, data */
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/archivo-var.woff2") format("woff2");
}

/* IBM Plex Mono — small uppercase tracked labels (eyebrows, wayfinding, data keys) */
@font-face {
  font-family: "PlexMono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/plexmono-400.woff2") format("woff2");
}