/* BestAIBuys webfont — Inter v5.3 (SIL Open Font License 1.1), Latin subset.
 *
 * Self-hosted from the brand font package, NOT fonts.googleapis.com: the
 * Google CSS endpoint is a second origin on the critical path (DNS + TLS
 * before the first glyph is even discovered), and its per-browser slicing
 * means the file we ship is not the file every visitor gets. These six files
 * are the whole UI type system — nothing else needs loading for text to be
 * correct.
 *
 * Served from `public/`, so the URLs below are stable, unhashed paths; the
 * long-cache headers come from the host (see amplify.yml). Shipping OFL.txt
 * alongside them is what the licence requires — leave it in place.
 *
 * Only 400/500/600/700 upright and 600/700 italic are subset: that is every
 * weight the design system uses (see `tokens.fontSans` in src/config/theme.ts).
 * Asking for a weight that is not here gets a synthesised face, so add the
 * file rather than the CSS rule if the system ever grows one.
 */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./inter-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./inter-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./inter-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./inter-latin-700-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("./inter-latin-600-italic.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("./inter-latin-700-italic.woff2") format("woff2");
}

/* The brand stack, in CSS rather than only in the MUI theme: a prerendered
 * page (scripts/prerender.mjs) paints its markup before the bundle runs, and
 * without this it would paint that first frame in Times. Identical to
 * `tokens.fontSans` — SF Pro from the OS on Apple hardware, Inter everywhere
 * else — so hydration changes nothing. Keep the two in sync. */
body {
  font-family:
    -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, sans-serif;
}
:where(button, input, select, textarea) {
  font-family: inherit;
}