/*
 * The three faces libs/ui's token layer names, under the family names
 * `@fontsource-variable/*` registers ("Inter Variable" and so on), which is
 * what makes `--font-sans` in tokens.css resolve to a real file rather than
 * fall through to the system. Served from `/fonts/` beside the document
 * (BUILD.bazel's `fonts`). A file, not an inline <style>, because the
 * origin's Content-Security-Policy allows no inline style.
 *
 * `font-display: swap`: this is text first, and a reader should never wait on
 * a face to read a sentence. The variable builds carry the whole weight axis,
 * so one file per family covers every weight the token layer uses.
 */
@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/inter.woff2") format("woff2");
}

@font-face {
  font-family: "Space Grotesk Variable";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("/fonts/space-grotesk.woff2") format("woff2");
}

@font-face {
  font-family: "Geist Mono Variable";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/geist-mono.woff2") format("woff2");
}