/*
 * Self-hosted Inter font (v4.1).
 *
 * Why local instead of rsms.me CDN:
 *   html-to-image embeds webfonts into the PNG export by reading
 *   the stylesheet's cssRules. Cross-origin stylesheets raise
 *   SecurityError on .cssRules access, so the PNG falls back to
 *   system-ui and loses the brand typography. Same-origin + CORS-
 *   safe @font-face declarations fix this (GRE-57).
 *
 * We use the variable font for all weights (100-900), which is one
 * ~350KB file instead of six static weight files.
 *
 * The codebase already says `font-family: Inter` everywhere
 * (styles/colors_and_type.css + inline styles across src/*.jsx), so
 * we register the variable font under the family name `Inter` and
 * skip the separate `InterVariable` name.
 */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../assets/fonts/InterVariable.woff2') format('woff2-variations'),
       url('../assets/fonts/InterVariable.woff2') format('woff2');
}

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