/* =====================================================================
   HFT-Fonts-2026  —  Self-hosted brand fonts (Brand Kit V2.1)
   =====================================================================
   Three fonts, three jobs (from /brand-kit/):
     Fredoka        — every heading. It IS the wordmark (SemiBold 600).
     Nunito Sans    — body copy + all UI.
     Source Serif 4 — product titles, testimonials, long-form reading.
                      (replaced Fraunces — see brand-kit rationale)

   WHY THIS FILE EXISTS
   Previously the brand fonts were served three fragile ways at once:
     - a render-blocking Google Fonts @import in hft-brand-2026.css
       (stripped on the live site by the OMGF plugin — so it did nothing),
     - Elementor's font manager (self-hosted copies of Nunito Sans, plus the
       off-brand Poppins + retired Fraunces), and
     - an OMGF cache that only self-hosted an unrelated "Google Sans".
   That made the visible body/UI typeface DEPEND ON ELEMENTOR. This file
   removes that dependency: all three brand fonts are now self-hosted by the
   theme as variable woff2 (Fontsource), so the theme is self-sufficient and
   Elementor can be uninstalled without touching typography. Faster (no third
   party, no @import), GDPR-clean, durable.

   Files: assets/fonts/*.woff2 — variable (weight axis), latin subset.
   font-display:swap so text paints immediately in the fallback then swaps.
   ===================================================================== */

@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-display: swap;
  font-weight: 300 700;
  src: url('../fonts/fredoka-var.woff2') format('woff2-variations');
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url('../fonts/nunito-sans-var.woff2') format('woff2-variations');
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url('../fonts/source-serif-4-var.woff2') format('woff2-variations');
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-display: swap;
  font-weight: 200 900;
  src: url('../fonts/source-serif-4-var-italic.woff2') format('woff2-variations');
}