/**
 * Self-hosted webfonts.
 *
 * Loaded only when assets/fonts/Fraunces-Variable.woff2 exists — see
 * jcl_has_fonts() in inc/enqueue.php. Until the files are installed the design
 * falls back to Georgia / Segoe UI, which is what the original prototypes
 * rendered as, with no failed requests.
 *
 * See assets/fonts/README.md for exactly which files to download and what to
 * name them.
 *
 * font-display: swap — text stays readable during the font load rather than
 * flashing invisible, which matters more for a crawler than the reflow does.
 */

/* ---- Fraunces (headings) — variable, 300–900 ----
   format('woff2') rather than the interim 'woff2-variations' string: every
   current browser resolves variable axes from a plain woff2 declaration, and
   the older keyword is now unrecognised in some engines, which would silently
   drop the face entirely.

   No font-variation-settings here. This build carries the opsz and wght axes
   only, and leaving opsz alone lets font-optical-sizing do its job — Fraunces
   thins its strokes at display sizes automatically, which is most of why the
   headings look the way they do. */
@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/Fraunces-Variable.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

/* ---- IBM Plex Sans (body) ---- */
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('../fonts/IBMPlexSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('../fonts/IBMPlexSans-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('../fonts/IBMPlexSans-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* ---- IBM Plex Mono (data, credentials, metadata) ---- */
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../fonts/IBMPlexMono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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