/*
 * Self-hosted typeface.
 *
 * Geist, by Vercel, under the SIL Open Font License. Self-hosted rather than
 * pulled from a CDN for two reasons: no third-party request on first paint, and
 * no dependency on someone else's uptime during a talk.
 *
 * IMPORTANT: this stylesheet is deliberately NOT loaded by the audience viewer.
 * A phone on conference wifi must not spend 56 KB and a round trip on a typeface
 * before it can show a slide, and DESIGN.md bans webfonts on that surface. The
 * viewer uses the system stack, which is why `--font-sans` has a full fallback
 * chain and why every face here is `font-display: swap`.
 */

/* Variable weight 100-900, so one file covers every weight the UI uses. */
@font-face {
  font-family: "Geist";
  src: url("/public/fonts/geist.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

/*
 * The wordmark face.
 *
 * Separate from the UI face on purpose: a wordmark is a drawn thing, and Geist
 * is anonymous at logo size. One weight, 13 KB, used by the mark only — the
 * interface keeps Geist, which it is good at.
 *
 * Space Grotesk, by Florian Karsten, under the SIL Open Font License.
 * https://github.com/floriankarsten/space-grotesk
 */
@font-face {
  font-family: "Space Grotesk";
  src: url("/public/fonts/space-grotesk.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}