/* ---------------------------------------------------------------------------
   FONTS — replaces what next/font used to inject.

   In the Next.js build, layout.tsx declared two font variables on <html>:
     --font-sans-next     (Bai Jamjuree, self-hosted by next/font)
     --font-display-next  (Vogue, local woff2)
   The token layer (src/styles/02-type.css) reads them through --font-sans /
   --font-display. Here we redeclare those two variables so every downstream
   token keeps resolving to the right family.

   Bai Jamjuree is pulled from Google Fonts via a <link> in header.php (weights
   300/400/500/600, latin + latin-ext for Primošten/Šibenik/č ć š ž đ). Vogue is
   self-hosted below from assets/fonts/Vogue.woff2.
   --------------------------------------------------------------------------- */

@font-face {
  font-family: "Vogue ML";
  src: url("../fonts/Vogue.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-sans-next: "Bai Jamjuree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display-next: "Vogue ML", "Times New Roman", serif;
}