@tailwind base;
@tailwind components;
@tailwind utilities;

/* ========== FONT-FACE DEFINITIONS ========== */
@font-face {
  font-family: "abril-fatface";
  src: url("/fonts/abril-fatface.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "alegreya";
  src: url("/fonts/alegreya.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "alfa-slab-one";
  src: url("/fonts/alfa-slab-one.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "almendra";
  src: url("/fonts/almendra.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "amatic-sc";
  src: url("/fonts/amatic-sc.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "andika";
  src: url("/fonts/andika.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "architects-daughter";
  src: url("/fonts/architects-daughter.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "audiowide";
  src: url("/fonts/audiowide.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "averia-libre";
  src: url("/fonts/averia-libre.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "bebas-neue";
  src: url("/fonts/bebas-neue.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "black-ops-one";
  src: url("/fonts/black-ops-one.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "caveat";
  src: url("/fonts/caveat.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "cinzel-decorative";
  src: url("/fonts/cinzel-decorative.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "courgette";
  src: url("/fonts/courgette.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "dancing-script";
  src: url("/fonts/dancing-script.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "exo";
  src: url("/fonts/exo.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "fjalla-one";
  src: url("/fonts/fjalla-one.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "germania-one";
  src: url("/fonts/germania-one.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "glass-antiqua";
  src: url("/fonts/glass-antiqua.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "gloria-hallelujah";
  src: url("/fonts/gloria-hallelujah.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "great-vibes";
  src: url("/fonts/great-vibes.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "holtwood-one-sc";
  src: url("/fonts/holtwood-one-sc.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "indie-flower";
  src: url("/fonts/indie-flower.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "italiana";
  src: url("/fonts/italiana.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "jost";
  src: url("/fonts/jost.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "kaushan-script";
  src: url("/fonts/kaushan-script.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "lato";
  src: url("/fonts/lato.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "metal-mania";
  src: url("/fonts/metal-mania.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "montserrat";
  src: url("/fonts/montserrat.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "neucha";
  src: url("/fonts/neucha.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "noto-sans";
  src: url("/fonts/noto-sans.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "open-sans";
  src: url("/fonts/open-sans.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "orbitron";
  src: url("/fonts/orbitron.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "oswald";
  src: url("/fonts/oswald.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "pacifico";
  src: url("/fonts/pacifico.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "permanent-marker";
  src: url("/fonts/permanent-marker.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "philosopher";
  src: url("/fonts/philosopher.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "playfair-display";
  src: url("/fonts/playfair-display.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "poppins";
  src: url("/fonts/poppins.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "press-start-2p";
  src: url("/fonts/press-start-2p.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "questrial";
  src: url("/fonts/questrial.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "quicksand";
  src: url("/fonts/quicksand.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "rajdhani";
  src: url("/fonts/rajdhani.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "raleway";
  src: url("/fonts/raleway.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "righteous";
  src: url("/fonts/righteous.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "roboto";
  src: url("/fonts/roboto.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "sacramento";
  src: url("/fonts/sacramento.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "satisfy";
  src: url("/fonts/satisfy.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "space-mono";
  src: url("/fonts/space-mono.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "spectral";
  src: url("/fonts/spectral.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "staatliches";
  src: url("/fonts/staatliches.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "stint-ultra-condensed";
  src: url("/fonts/stint-ultra-condensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "syncopate";
  src: url("/fonts/syncopate.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "ultra";
  src: url("/fonts/ultra.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "unica-one";
  src: url("/fonts/unica-one.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "work-sans";
  src: url("/fonts/work-sans.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "yellowtail";
  src: url("/fonts/yellowtail.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

/* ========== TAILWIND UTILITY CLASSES ========== */
@layer utilities {
  .font-abril-fatface {
    font-family: "abril-fatface", sans-serif;
  }
  .font-alegreya {
    font-family: "alegreya", sans-serif;
  }
  .font-alfa-slab-one {
    font-family: "alfa-slab-one", sans-serif;
  }
  .font-almendra {
    font-family: "almendra", sans-serif;
  }
  .font-amatic-sc {
    font-family: "amatic-sc", sans-serif;
  }
  .font-andika {
    font-family: "andika", sans-serif;
  }
  .font-architects-daughter {
    font-family: "architects-daughter", sans-serif;
  }
  .font-audiowide {
    font-family: "audiowide", sans-serif;
  }
  .font-averia-libre {
    font-family: "averia-libre", sans-serif;
  }
  .font-bebas-neue {
    font-family: "bebas-neue", sans-serif;
  }
  .font-black-ops-one {
    font-family: "black-ops-one", sans-serif;
  }
  .font-caveat {
    font-family: "caveat", sans-serif;
  }
  .font-cinzel-decorative {
    font-family: "cinzel-decorative", sans-serif;
  }
  .font-courgette {
    font-family: "courgette", sans-serif;
  }
  .font-dancing-script {
    font-family: "dancing-script", sans-serif;
  }
  .font-exo {
    font-family: "exo", sans-serif;
  }
  .font-fjalla-one {
    font-family: "fjalla-one", sans-serif;
  }
  .font-germania-one {
    font-family: "germania-one", sans-serif;
  }
  .font-glass-antiqua {
    font-family: "glass-antiqua", sans-serif;
  }
  .font-gloria-hallelujah {
    font-family: "gloria-hallelujah", sans-serif;
  }
  .font-great-vibes {
    font-family: "great-vibes", sans-serif;
  }
  .font-holtwood-one-sc {
    font-family: "holtwood-one-sc", sans-serif;
  }
  .font-indie-flower {
    font-family: "indie-flower", sans-serif;
  }
  .font-italiana {
    font-family: "italiana", sans-serif;
  }
  .font-jost {
    font-family: "jost", sans-serif;
  }
  .font-kaushan-script {
    font-family: "kaushan-script", sans-serif;
  }
  .font-lato {
    font-family: "lato", sans-serif;
  }
  .font-metal-mania {
    font-family: "metal-mania", sans-serif;
  }
  .font-montserrat {
    font-family: "montserrat", sans-serif;
  }
  .font-neucha {
    font-family: "neucha", sans-serif;
  }
  .font-noto-sans {
    font-family: "noto-sans", sans-serif;
  }
  .font-open-sans {
    font-family: "open-sans", sans-serif;
  }
  .font-orbitron {
    font-family: "orbitron", sans-serif;
  }
  .font-oswald {
    font-family: "oswald", sans-serif;
  }
  .font-pacifico {
    font-family: "pacifico", sans-serif;
  }
  .font-permanent-marker {
    font-family: "permanent-marker", sans-serif;
  }
  .font-philosopher {
    font-family: "philosopher", sans-serif;
  }
  .font-playfair-display {
    font-family: "playfair-display", sans-serif;
  }
  .font-poppins {
    font-family: "poppins", sans-serif;
  }
  .font-press-start-2p {
    font-family: "press-start-2p", sans-serif;
  }
  .font-questrial {
    font-family: "questrial", sans-serif;
  }
  .font-quicksand {
    font-family: "quicksand", sans-serif;
  }
  .font-rajdhani {
    font-family: "rajdhani", sans-serif;
  }
  .font-raleway {
    font-family: "raleway", sans-serif;
  }
  .font-righteous {
    font-family: "righteous", sans-serif;
  }
  .font-roboto {
    font-family: "roboto", sans-serif;
  }
  .font-sacramento {
    font-family: "sacramento", sans-serif;
  }
  .font-satisfy {
    font-family: "satisfy", sans-serif;
  }
  .font-space-mono {
    font-family: "space-mono", sans-serif;
  }
  .font-spectral {
    font-family: "spectral", sans-serif;
  }
  .font-staatliches {
    font-family: "staatliches", sans-serif;
  }
  .font-stint-ultra-condensed {
    font-family: "stint-ultra-condensed", sans-serif;
  }
  .font-syncopate {
    font-family: "syncopate", sans-serif;
  }
  .font-ultra {
    font-family: "ultra", sans-serif;
  }
  .font-unica-one {
    font-family: "unica-one", sans-serif;
  }
  .font-work-sans {
    font-family: "work-sans", sans-serif;
  }
  .font-yellowtail {
    font-family: "yellowtail", sans-serif;
  }
}
