/*
Self-hosted fonts, ported from the Annie-theme child theme's font
folder. Copy the actual .woff2/.woff files listed below into this
same /fonts/ directory (alongside this fonts.css file) inside the
Hello Elementor child theme.

font-display: swap is used throughout so text renders immediately in
a fallback font rather than staying invisible while the real font
downloads (avoids the "flash of invisible text" / FOIT).
*/

/* Barlow — Medium (500) */
@font-face {
  font-family: 'Barlow';
  src: url('Barlow-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Barlow — Bold (700) */
@font-face {
  font-family: 'Barlow';
  src: url('Barlow-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Barlow — ExtraBold (800) */
@font-face {
  font-family: 'Barlow';
  src: url('Barlow-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Bebas Neue — Regular (400)
   NOTE: there are two Bebas Neue files in the source folder —
   BebasNeue-Regular.woff2 and BebasNeue-Google.woff2. Using
   -Regular here; if -Google is actually the one in use on specific
   pages, either swap the filename below or add it as a second
   @font-face under a different font-family name (e.g. 'Bebas Neue Alt')
   so both remain available. */
@font-face {
  font-family: 'Bebas Neue';
  src: url('BebasNeue-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Cal Sans — SemiBold (600), woff2 with woff fallback for older browsers */
@font-face {
  font-family: 'Cal Sans';
  src: url('CalSans-SemiBold.woff2') format('woff2'),
       url('CalSans-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Montserrat — Regular (400) */
@font-face {
  font-family: 'Montserrat';
  src: url('montserrat-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Montserrat — Bold (700) */
@font-face {
  font-family: 'Montserrat';
  src: url('montserrat-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Syne — ExtraBold (800) */
@font-face {
  font-family: 'Syne';
  src: url('syne-extrabold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* UNIDENTIFIED FILE: JTUSjIg69CK48gW7PXoo9Wlhyw.woff2
   This filename matches Google Fonts' own CDN naming pattern
   (fonts.gstatic.com static file hash), so it's almost certainly a
   raw download of a specific weight/style from one of the families
   above rather than a separate font. Confirm which family/weight
   this is, then either:
   - replace one of the @font-face blocks above with this filename, or
   - add a new @font-face block here if it's a distinct weight/style
     not otherwise covered (e.g. an italic, or a missing Syne weight).
*/
