/* This file fixes the font loading issues by using system fonts instead */

/* Define a font stack that uses system fonts */
:root {
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-comic: "Comic Sans MS", "Comic Neue", var(--font-sans);
}

/* Override problematic font declarations */
@font-face {
  font-family: "ComicNeue";
  src: local("Comic Sans MS"),
       url("/fonts/ComicNeue-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ComicNeue";
  src: local("Comic Sans MS Bold"),
       url("/fonts/ComicNeue-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* Apply font fallbacks to body and all elements */
body, button, input, select, textarea {
  font-family: var(--font-sans) !important;
}

/* Class to specifically use comic font */
.font-comic {
  font-family: var(--font-comic) !important;
}