/*
 * Self-hosted Inter, the typeface behind --font-sans / --font-display.
 *
 * Loaded OUTSIDE the Bun bundle on purpose: index.html links this sheet
 * directly (a static public/ asset), and the woff2 sit beside it under
 * public/fonts/. If these @font-face rules went through the app's bundled CSS,
 * Bun would inline each woff2 as a `data:` URI, which the strict CSP blocks:
 * font-src falls back to `default-src 'self'`, and (unlike img-src) it carries
 * no `data:` lane. Served from public/ they stay external, same-origin files.
 *
 * The design system loads Inter from Google Fonts (packages/css/src/fonts.css).
 * Pass CANNOT: the CSP has no third-party origins (style-src 'self', fonts
 * under default-src 'self') and a password manager must make no third-party
 * request. Self-hosting needs no CSP change and no new network origin.
 *
 * latin subset only (Inter @fontsource latin-<wght>-normal); Pass UI copy is
 * Latin. font-display: swap paints immediately in the system fallback and
 * swaps Inter in when it loads, so first paint is never blocked. --font-sans
 * keeps Inter first with the system stack behind it, so type resolves before
 * the face paints and on the rare miss.
 */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Inter-400.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/Inter-500.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/Inter-600.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/Inter-700.woff2") format("woff2");
}