/*
 * fonts.css — self-hosted webfonts (@font-face): the "Inter Tight" grotesque (the family named first
 * in --font-sans) plus the "Instrument Serif" italic serif accent (named first in --serif, Horizon
 * §03 — the ONE italic-aside / hero-`<em>` face). Kept SEPARATE from tokens.css on purpose: tokens.css
 * owns the design-token values, this file owns only the font binaries' declarations, so the two never
 * collide. Loaded BEFORE tokens.css in each host HTML so the families are registered before paint.
 *
 * OFFLINE + CSP-clean: the woff2 files ship next to this stylesheet (fonts/ dir, copied into each
 * app's dist/ by its build). `src` points at same-origin relative URLs only — no external font host —
 * so `font-src 'self'` (extension manifest + web/admin CSP) is enough; nothing to allowlist. Inter
 * Tight: latin subset, weights 400/500/600/700. Instrument Serif: latin subset, 400 italic only (SIL
 * OFL 1.1, github.com/Instrument/instrument-serif). font-display:swap so text paints immediately in
 * the fallback and swaps once loaded.
 */
@font-face {
  font-family: "Inter Tight";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/inter-tight-latin-400-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Inter Tight";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/inter-tight-latin-500-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Inter Tight";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/inter-tight-latin-600-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Inter Tight";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/inter-tight-latin-700-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Instrument Serif";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/instrument-serif-latin-400-italic.woff2") format("woff2");
}