/**
 * Self-hosted fonts — no Google Fonts request.
 * Inter (UI + canvas): latin 400, 500, 600, 700 — only weights used in the app.
 * Lexend (canvas + HPP): latin 500 (Medium) + 700 (Bold).
 * Fredoka: latin 500 (Medium) + 700 (Bold) — canvas uses 500 default, 700 when Bold.
 * Display fonts: Cherry Bomb One, Dekko, Berkshire Swash, Freckle Face, Handlee — 400 woff2 only.
 * Each Inter/Lexend face: woff2 first, woff fallback.
 */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/inter-latin-400-normal.woff2') format('woff2'),
    url('../assets/fonts/inter-latin-400-normal.woff') format('woff');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/inter-latin-500-normal.woff2') format('woff2'),
    url('../assets/fonts/inter-latin-500-normal.woff') format('woff');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/inter-latin-600-normal.woff2') format('woff2'),
    url('../assets/fonts/inter-latin-600-normal.woff') format('woff');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../assets/fonts/inter-latin-700-normal.woff2') format('woff2'),
    url('../assets/fonts/inter-latin-700-normal.woff') format('woff');
}

@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/lexend-latin-500-normal.woff2') format('woff2'),
    url('../assets/fonts/lexend-latin-500-normal.woff') format('woff');
}
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../assets/fonts/lexend-latin-700-normal.woff2') format('woff2'),
    url('../assets/fonts/lexend-latin-700-normal.woff') format('woff');
}

@font-face {
  font-family: 'Cherry Bomb One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/cherry-bomb-one-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Dekko';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/dekko-400-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Berkshire Swash';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/berkshire-swash-400-latin.woff2') format('woff2');
}

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

@font-face {
  font-family: 'Freckle Face';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/freckle-face-latin-400-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Handlee';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/handlee-latin-400-normal.woff2') format('woff2');
}