/* WILDS typography — two faces, one job each.
 *
 * Inter Black (900) is the DISPLAY face: essential information — asset names,
 * inventory text, section headers. Set heavy, uppercase and tracked out it
 * reads as a sci-fi terminal header rather than as web UI. It is proportional,
 * so it lives only on DOM surfaces; it can never enter the game's glyph atlas
 * (see src/game/renderer.js — that grid is monospace by construction).
 *
 * ModeNine is the TERMINAL face: primary and secondary body text, and above
 * all NUMERALS. It is a fixed-pitch BBC-Micro-lineage screen font (0.6 em
 * advance, identical to the SF Mono stack it replaces), which is what lets it
 * double as the atlas font without moving a single cell boundary.
 *
 * ModeNine's cmap has no ·, ~, or ░▒▓█ — the fallbacks in --font-term cover
 * those per glyph, which is why the monospace stack must stay behind it.
 */

/* Variable: one file spans 100–900, so Black costs nothing extra. */
@font-face {
  font-family: 'Inter';
  src: url('inter-latin-var.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Shipped as TTF (22 KB) — no brotli in the toolchain, and a woff2 would only
 * save ~10 KB on a file this small. */
@font-face {
  font-family: 'ModeNine';
  src: url('modenine.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-display: 'Inter', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
  --font-term: 'ModeNine', 'SF Mono', ui-monospace, Menlo, Consolas, monospace;
}

/* The header treatment the display face is FOR. Applied by class so a heading
 * that wants to stay terminal-flavoured simply doesn't take it. */
.t-display {
  font-family: var(--font-display);
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-feature-settings: 'ss01';
}

/* Numerals: ModeNine, tabular-locked so counters don't jitter as digits change. */
.t-num {
  font-family: var(--font-term);
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}