/* Self-hosted brand fonts for the static marketing/legal pages (public/landing*,
   public/updates, public/landing/legal). One shared file so every page links the
   same font-family names instead of each importing its own copy from Google
   Fonts — Titillium Web (display/headings) + Inter (body/UI), latin subset,
   woff2 only. The 400/500/600/700 Inter + 400/600/700 Titillium Web files are
   copied from the dashboard's own Vite/Bunny Fonts build (public/build/assets/)
   — same font, already downloaded, just given stable filenames here since the
   Vite ones are content-hashed and change on every `npm run build`. Mirrors how
   the WordPress plugin self-hosts the same fonts in assets/fonts/. Re-copy from
   public/build/assets/ if these ever need updating, matching the hashed
   filename in public/build/fonts-manifest.json for "titillium-web" / "inter"
   with unicode-range starting U+0000-00FF.

   inter-var-300-800.woff2 is separate: the dashboard build only emits 400-700,
   but two static pages (landing-next, updates) also use weight 300 and 800.
   Google serves those two weights of Inter as one variable-font file (both
   @font-face blocks below point at the same file — normal for a variable font,
   the browser picks the instance via font-weight) — fetched directly from
   Google Fonts once, not from the dashboard build. */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/inter-var-300-800.woff2') format('woff2');
}
@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');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/fonts/inter-var-300-800.woff2') format('woff2');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/titillium-web-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/titillium-web-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/titillium-web-700.woff2') format('woff2');
}