/* ==========================================================================
   @font-face for the self-hosted Inter. Nothing else belongs in this file.

   Inter 4.1, static faces, SIL OFL 1.1. Provenance, checksums and the resync
   command are in app/assets/fonts/UPSTREAM.

   ONLY 400 ROMAN AND 400 ITALIC EXIST, ON PURPOSE. With no other weight to
   select and `font-synthesis: none` set in the Tailwind entry, the engine's 37
   `font-weight` declarations and the app's 89 weight utilities all render at
   400 with no selector fight. Adding a face — or swapping these for a variable
   font — silently undoes that. Read UPSTREAM before touching either.

   WHY THIS FILE, AND NOT THE TAILWIND ENTRY. Propshaft's `css_asset_urls`
   compiler rewrites each asset reference below into a digested path, and on a
   miss it logs a warning and emits the original string — no exception, so a
   wrong path is a runtime 404 that CI cannot see. tailwindcss-rails excludes
   app/assets/tailwind/ from Propshaft's load paths, and Tailwind may rebase a
   relative reference on its way to app/assets/builds/tailwind.css, so a
   @font-face in the entry is exactly the setup where that silent failure
   happens. Here Propshaft does the rewriting itself with no Tailwind in
   between. The files sit in app/assets/fonts/, which is its own Propshaft root
   — hence the logical paths below carry no `fonts/` prefix.

   (Prose in this file deliberately avoids writing the CSS function name with
   its parentheses: the compiler is regex-based and scans comments too.)

   KEEP THIS FILE TO @font-face BLOCKS. It is a second linked stylesheet and so
   is UNLAYERED, which means any rule here would beat every Tailwind utility
   whatever the specificity — the cascade bug this repo has hit more than once.
   @font-face declares no selector and so cannot collide. Anything with a
   selector belongs in app/assets/tailwind/ (a global in `@layer base`, an
   engine override in theme.css) and never here.
   ========================================================================== */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/Inter-Regular-14a9d9e2.woff2") format("woff2");
}

/* Not optional. `font-synthesis: none` disables synthetic obliquing along with
   synthetic bold, so without a real italic face `<em>` would render upright. */
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/Inter-Italic-6a8ff56c.woff2") format("woff2");
}