/* Local fonts loader - put your font files under /public/fonts and this file will reference them.
   Deploy step: copy KaushanScript.woff2 to /public/fonts/KaushanScript.woff2 on the static host. */

@font-face {
  font-family: 'Kaushan Script Local';
  src: url('/fonts/KaushanScript.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Utility: if the local font is available, use it for elements that need Kaushan Script */
.hf-kaushan {
  font-family: 'Kaushan Script Local', 'Kaushan Script', cursive;
}

/* Compatibility class used by components in the app */
.font-kaushan {
  font-family: 'Kaushan Script Local', 'Kaushan Script', cursive;
}