/*
 * Self-hosted variable web fonts.
 *
 * Bulma's default --bulma-family-primary leads with Inter and
 * --bulma-family-code leads with Inconsolata/Hack/SF Mono, but neither font
 * was ever bundled. Browsers therefore fell through to whatever the device
 * happened to ship, so the site rendered in a different typeface on every
 * OS. Bundling the fonts makes typography identical everywhere.
 *
 * Latin-subset weight-axis variable woff2 files from the
 * @fontsource-variable/inter and @fontsource-variable/jetbrains-mono
 * packages. Propshaft resolves and hashes the paths at build time.
 *
 * No italic files are bundled; browsers synthesize an oblique instead.
 */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/inter-variable-1f021a24.woff2") format("woff2-variations");
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("/assets/jetbrains-mono-variable-7c88d0cc.woff2") format("woff2-variations");
}

/*
 * Bulma already puts Inter first in --bulma-family-primary, so the @font-face
 * above is enough for body text. The code stack has to be repointed at the
 * mono we actually ship.
 */
:root {
  --bulma-family-code: "JetBrains Mono", "SF Mono", "Roboto Mono", monospace;
  --bulma-family-monospace: var(--bulma-family-code);
}

/* Bulma hardcodes the old stack in this helper with !important, so match it. */
.is-family-monospace,
.is-family-code {
  font-family: var(--bulma-family-code) !important;
}
