/* Self-hosted webfonts. Never a CDN link — scripts/check-bundle-budget.ts
 * asserts no external stylesheet, and a font CDN is one.
 *
 * THE THREE FACES, AND WHAT EACH IS FOR
 *   Archivo    display — every heading, and nothing else.
 *   Montserrat body, UI, buttons, labels.
 *   DM Mono    every figure, every eyebrow, every metadata line.
 *
 * Archivo is the display face because Montserrat is a geometric sans and the
 * page needed a grotesque: narrower, tighter, closed apertures, which is what
 * makes a page read as reference material rather than as marketing. Archivo
 * specifically because it is drawn from the American gothics — the right
 * lineage for a Chicago product, where a Swiss neo-grotesque reads imported —
 * and because it has real Condensed and Expanded siblings for the day a
 * street name has to fit a narrow column in the report.
 *
 * Both are SIL Open Font Licence: free for commercial use, self-hosting and
 * embedding. There is nothing to renew and no page-view tier to outgrow.
 *
 * WHY VARIABLE, AND WHY THIS IS SMALLER THAN WHAT IT REPLACED
 * Montserrat used to be five static files, one per weight, at ~94KB total.
 * One variable file covering 400–800 is 35KB. Swapping it paid for Archivo
 * outright: the font payload went DOWN about 24KB while gaining a second
 * family. If a weight outside 400–800 is ever needed, widen the range here
 * rather than adding a static file back.
 *
 * Latin subset only, taken from Google Fonts. If the product ever needs
 * latin-ext (accented Polish or Vietnamese restaurant names are the likely
 * trigger — both are real Chicago cuisines), add a second @font-face with the
 * latin-ext unicode-range rather than swapping this one.
 */

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url('./archivo-variable.woff2') format('woff2');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('./montserrat-variable.woff2') format('woff2');
}

@font-face { font-family:'DM Mono'; font-style:normal; font-weight:400; font-display:swap; src:url('./dm-mono-400.woff2') format('woff2'); }
@font-face { font-family:'DM Mono'; font-style:normal; font-weight:500; font-display:swap; src:url('./dm-mono-500.woff2') format('woff2'); }
@font-face { font-family:'DM Mono'; font-style:italic; font-weight:400; font-display:swap; src:url('./dm-mono-400-italic.woff2') format('woff2'); }