/* Local font faces for fast, offline-friendly loading.
   Place the WOFF2 files into this folder with the names below, or adjust paths.
   Recommended: variable fonts if available (smaller + flexible).

   Files expected (examples):
   - inter-var.woff2                (Inter variable font)
   - Inter-Regular.woff2            (fallback static)
   - fredoka-var.woff2              (Fredoka variable font)
   - Fredoka-Regular.woff2          (fallback static)
   - Fredoka-Bold.woff2             (optional bold fallback)
*/

/* Inter: variable (local filename InterVariable.woff2), with static fallback */
@font-face {
  font-family: 'Inter';
  src:
    local('Inter'), local('Inter Variable'), local('Inter-Regular'),
    url('/fonts/InterVariable.woff2') format('woff2-variations'),
    url('/fonts/Inter-Regular.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  /* optional prevents blocking and avoids late swap CLS on slow devices */
  font-display: optional;
}

/* Inter Italic variable (local filename InterVariable-Italic.woff2) */
@font-face {
  font-family: 'Inter';
  src: local('Inter Italic'), local('Inter-Italic'),
       url('/fonts/InterVariable-Italic.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: optional;
}

/* Fredoka (TTF): Regular and Bold */
@font-face {
  font-family: 'Fredoka';
  src: local('Fredoka Light'), local('Fredoka-Light'),
       url('/fonts/Fredoka-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: 'Fredoka';
  src: local('Fredoka'), local('Fredoka Regular'), local('Fredoka-Regular'),
       url('/fonts/Fredoka-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: 'Fredoka';
  src: local('Fredoka Bold'), local('Fredoka-Bold'),
       url('/fonts/Fredoka-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: optional;
}

/* Tip: keep using system-first stacks; we only switch to these when `.fonts-playful` is present */
/* If possible, convert TTFs to WOFF2 to reduce size. */