/*
 * fonts.css — Self-hosted web fonts (offline-PWA safe)
 * ====================================================
 * Load AFTER design-tokens.css and BEFORE global.css in index.html and
 * worker/index.html. Replaces the old Google Fonts CDN <link>: both apps are
 * installable PWAs with a network-only service worker, so a CDN font link
 * FOUTs (or fails) offline. Serving the files from our own origin fixes that.
 *
 * url() paths are resolved relative to THIS file (src/styles/), so the same
 * declarations work for the admin app (loads ./src/styles/fonts.css) and the
 * worker app (loads ../src/styles/fonts.css) with no per-app change.
 *
 * `font-display: swap` — text paints immediately in the system fallback, then
 * swaps to the web font. Space Grotesk and Space Mono are declared but not yet
 * consumed by any component; the browser lazy-loads a face only when something
 * first uses it, so declaring them here costs no download until a later slice
 * wires --font-display / --font-mono into components.
 *
 * Files are the Google-hosted `latin` subset (see docs/DESIGN-SYSTEM-REFERENCE
 * §7.2). Inter and Space Grotesk are single variable faces spanning their whole
 * weight axis; Space Mono is static (400 + 700).
 */

/* Inter — body / UI copy + form controls (variable, 100–900). */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('./fonts/inter-latin-var.woff2') format('woff2');
}

/* Space Grotesk — headings / display (variable, 300–700). */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('./fonts/space-grotesk-latin-var.woff2') format('woff2');
}

/* Space Mono — identifiers, codes, figures, technical values (static). */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/space-mono-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./fonts/space-mono-latin-700.woff2') format('woff2');
}