/* Self-hosted so the app never blocks on a third party to paint.
   The four faces eqlsource.com actually uses, read off its own stylesheet:
   Cinzel (inscriptional Roman capitals, top two heading levels), Saira
   Condensed (display below those), IBM Plex Mono (data, labels, nav) and
   Public Sans (prose). Latin subset, woff2. Fetched 2026-08-17.

   Cinzel and Public Sans are VARIABLE: Google serves one file for every
   weight we asked for. Those get a font-weight RANGE, not a single value.
   Declaring `font-weight: 400` against a variable file tells the browser the
   file *is* 400, so it never instances the axis and paints the default
   master at every weight — which is how Public Sans rendered as Thin.

   SRC PATHS ARE SIBLING-RELATIVE, NOT ROOT-ABSOLUTE. Vite's `base` is
   configurable (`VITE_BASE`), and under a GitHub Pages project path the app is
   served from a subdirectory. `url('/fonts/cinzel.woff2')` resolves against the
   ORIGIN, so all seven faces 404'd there and every page silently fell back to
   the local stacks — the one failure state that looks like a design choice
   rather than a bug. This file always sits beside the woff2 files it names, so
   `./` is correct under any base. */

@font-face {
   /* variable: one file spans this range */
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url('./cinzel.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./ibm-plex-mono-400.woff2') format('woff2');
}

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

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./ibm-plex-mono-600.woff2') format('woff2');
}

@font-face {
   /* variable: one file spans this range */
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('./public-sans.woff2') format('woff2');
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./saira-condensed-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./saira-condensed-700.woff2') format('woff2');
}