/* Self-hosted Inter (v4.66, SIL OFL) — one variable file per style covers
   weights 100–900, so bold chorus labels, 700 chord lines, and the projector's
   820 all render natively.

   Every page resolves its sans stack through --mm-font-sans. The default
   prefers InterVariable so Android, Windows, Mac, and iPhone all render the
   same modern face; a device that stores musicmin_font_pref = "system" gets
   html[data-mm-font="system"] stamped before first paint and falls back to
   its platform font. */

@font-face {
  font-family: 'InterVariable';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/InterVariable.woff2') format('woff2');
}
@font-face {
  font-family: 'InterVariable';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/InterVariable-Italic.woff2') format('woff2');
}

:root {
  --mm-font-sans: 'InterVariable', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}
:root[data-mm-font="system"] {
  --mm-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}