/* ═══════════════════════════════════════════════════════════════════
   Self-hosted faces for every GSN prototype. Link this; never @import
   from a font CDN.

   WHY: fonts.googleapis.com and fonts.gstatic.com are blocked in
   mainland China. A remote webfont there is a hard connection timeout,
   not a graceful downgrade — the page stalls before falling back. A
   large share of this product's audience is exactly those users.

   PROVENANCE: neither face is a Google font. IBM Plex is IBM's, taken
   from github.com/IBM/plex. Newsreader is Production Type's, taken
   from github.com/productiontype/Newsreader. Google Fonts merely
   redistributes them. Both are SIL Open Font License 1.1 — see the
   LICENSE files beside this one — so hosting them ourselves is
   explicitly permitted.

   NOTE: these are the full upstream files, not subset. Google serves a
   latin subset roughly a fifth of the size. Before production, subset
   these ourselves (pyftsubset / glyphhanger) rather than reaching back
   to a CDN for a smaller file.
   ═══════════════════════════════════════════════════════════════════ */

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("IBMPlexSans-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("IBMPlexSans-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("IBMPlexSans-SemiBold.woff2") format("woff2");
}

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

/* variable: one file covers 400-600 across optical sizes */
@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src:
    url("Newsreader-var.woff2") format("woff2-variations"),
    url("Newsreader-var.woff2") format("woff2");
}