/*
 * Gustly type: two shipped faces, race livery (docs/design.md). Licences: /fonts/LICENSES.txt (SIL OFL 1.1).
 *
 *   Gustly Display  Saira Italic 800, condensed   --font-display  the wordmark, the calls (SEND IT,
 *                                                                  GREEN LIGHT, SIT IT OUT), headings,
 *                                                                  numbers that shout, the primary label
 *   Gustly Text     Barlow 400 and 600            --font-ui       every word you read or press
 *   system mono                                   --font-mono     code only
 *
 * Rules that keep it clean:
 *   - Self-hosted WOFF2, same origin, font-display: swap. Exactly one preload: the display face,
 *     because the wordmark and the call are first paint (index.html).
 *   - File names carry the version: change a font, rename it (the server caches them forever).
 *   - Subset to Latin, Latin-1 and Latin Ext-A with kern, liga and tnum kept, unhinted but with
 *     the 7-byte prep stub and gasp 15, or FreeType (Linux Chrome, Android) spaces 16 px text
 *     unevenly (docs/design/overhaul/r4-type.md).
 *   - The display face is only ever 800 italic; never ask it for another weight or style, the
 *     browser would fake one. Text never leans except in this face.
 *   - Numbers that line up use font-variant-numeric: tabular-nums. No separate data face.
 *   - Do not set a font-family anywhere else. Use the tokens below (tests/design-tokens.test.mjs).
 */

@font-face {
  font-family: "Gustly Display";
  src: url("/fonts/saira-italic-800-cond.v1.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Gustly Text";
  src: url("/fonts/barlow-400.v1.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gustly Text";
  src: url("/fonts/barlow-600.v1.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-display: "Gustly Display", "Arial Narrow", sans-serif-condensed, system-ui, sans-serif;
  --font-text: "Gustly Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-ui: var(--font-text); /* the map freeze pins --font-ui; the dock takes --font-text back */
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}