/* @font-face for the self-hosted latin variable woff2 vendored beside this
   file (sourced from the @fontsource-variable/* packages). Both builds copy
   web/src/fonts -> /fonts verbatim, so this sheet is served at
   /fonts/fonts.css and its relative url()s resolve to the woff2 next to it.

   This lives OUTSIDE tokens.css on purpose: the bundlers process tokens.css
   and would inline the woff2 as base64 into the render-blocking CSS. Served
   as a static sheet, the woff2 stay separate files.

   font-display is split by whether the face is preloaded.

   The three faces every surface paints above the fold — Source Serif italic (the
   voice), IBM Plex Sans (labels), JetBrains Mono (data) — use `block` and are
   <link rel=preload>ed from the document head (see scripts/build.ts). This is a
   typographic surface, so the designed faces must always win: block never paints
   the fallback and then swaps (that swap is the flash), it holds the glyphs
   invisible for a short period and then paints the real face. Preload makes that
   period imperceptible on any warm cache or normal connection; only a cold, slow
   first load shows a brief blank beat. block is safe ONLY because these faces are
   preloaded — an un-preloaded block face could blank for up to 3s.

   The other two faces are NOT preloaded, so they keep `swap`: the upright Source
   Serif (used only by the Frontier/ROI empty-state copy) and the italic JetBrains
   Mono (currently unpainted). swap shows the fallback rather than a blank beat on
   the rare, below-the-fold surfaces that touch them — the correct trade when a
   face is not preloaded, and unchanged from before this split. */
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("ibm-plex-sans-latin-wght-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("source-serif-4-latin-standard-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 200 900;
  font-display: block;
  src: url("source-serif-4-latin-standard-italic.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 100 800;
  font-display: block;
  src: url("jetbrains-mono-latin-wght-normal.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: italic;
  font-weight: 100 800;
  font-display: swap;
  src: url("jetbrains-mono-latin-wght-italic.woff2") format("woff2");
}