/* Brand fonts — mirrored from FONT_MAP in app/_layout.tsx so the browser
 * can start loading them via plain <link rel="stylesheet"> the instant the
 * HTML lands, before the JS bundle even parses. expo-font still registers
 * the same family names via useFonts; this just races ahead of it on web
 * to kill the 1-2s FOUT. The unhashed copies live in public/fonts/.
 * font-display: swap → render fallback immediately, swap when ready. */

@font-face {
  font-family: 'Baloo2_700Bold';
  src: url('/fonts/Baloo2-Bold.ttf') format('truetype');
  font-display: block;
}
@font-face {
  font-family: 'Baloo2_800ExtraBold';
  src: url('/fonts/Baloo2-ExtraBold.ttf') format('truetype');
  font-display: block;
}
@font-face {
  font-family: 'Nunito_500Medium';
  src: url('/fonts/Nunito-Medium.ttf') format('truetype');
  font-display: block;
}
@font-face {
  font-family: 'Nunito_700Bold';
  src: url('/fonts/Nunito-Bold.ttf') format('truetype');
  font-display: block;
}
@font-face {
  font-family: 'Nunito_800ExtraBold';
  src: url('/fonts/Nunito-ExtraBold.ttf') format('truetype');
  font-display: block;
}
@font-face {
  font-family: 'Nunito_900Black';
  src: url('/fonts/Nunito-Black.ttf') format('truetype');
  font-display: block;
}