/* ═══════════════════════════════════════════════════════════════════════════
   BANTUMI CLOUD — the faces, self-hosted.

   Two variable files, served from this folder. They are SIL Open Font Licence
   (the licence text sits beside them, in `OFL.txt`): embedding is free, and a
   console opened in a venue with no network cannot depend on a font CDN.

   ARCHIVO carries TWO axes — `wdth` 62–125 and `wght` 400–700 — in one file. It
   is the only way the expanded display exists at all: without the width axis
   Archivo silently falls back to the width of the text, and the whole
   typographic distinction of the system disappears.

   WHY THIS FILE IS NOT IN `src/styles/`. It is linked from `index.html`, as a
   static sheet, so that no build step ever rewrites it. Imported from the style
   bundle, it shared the fate of every other rule in there: in development each
   saved stylesheet — any of them — makes Vite replace the whole bundle, the two
   `@font-face` rules are dropped and declared again, and the browser goes back
   to `loading` for both faces. With `font-display: swap` that is a frame or two
   of the console drawn in the fallback face, then redrawn in Archivo: a flicker
   across the whole screen, every time a file was saved, for as long as the
   console stayed open. Out here the faces are declared once per page load and
   never again.
   ═══════════════════════════════════════════════════════════════════════════ */

@font-face {
  font-family: 'Archivo';
  src: url('/fonts/archivo-var.woff2') format('woff2-variations');
  font-weight: 400 700;
  font-stretch: 62% 125%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Spline Sans Mono';
  src: url('/fonts/spline-sans-mono-var.woff2') format('woff2-variations');
  font-weight: 400 500;
  font-style: normal;
  font-display: swap;
}