/* =============================================================================
   Self-hosted fonts (§6.3 / §16: NEVER load fonts from a CDN).
   Place the subset .woff2 files in ./fonts/ (see fonts/README.md), then this
   file serves them via @font-face. Until they're added, the system fallbacks in
   tokens.css (var(--font-display)/(--font-body)) keep the UI fully functional.
   ========================================================================== */

/* Display — Fredoka (rounded geometric, matches the "dilsho" wordmark). */
@font-face {
  font-family: "Fredoka";
  font-style: normal;
  font-weight: 400 700;            /* variable range; subset to used weights */
  font-display: swap;
  src: url("./fonts/fredoka-latin.woff2") format("woff2");
}

/* Body / UI — Nunito (friendly, highly readable). */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("./fonts/nunito-latin.woff2") format("woff2");
}