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

/* Swiper */
@import "https://unpkg.com/swiper/swiper-bundle.min.css";

@layer base {
  @font-face {
    font-family: "explora";
    src: url("/assets/fonts/Explora-Regular.ttf") format("ttf");
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: "inter";
    src: url("/assets/fonts/Inter-Regular.ttf") format("ttf");
    font-weight: 400;
    font-style: normal;
  }

  @font-face {
    font-family: "Aspekta";
    src: url("/assets/fonts/Aspekta-350.woff2") format("woff2"),
      url("/assets/fonts/Aspekta-350.woff") format("woff");
    font-weight: 350;
  }

  @font-face {
    font-family: "Aspekta";
    src: asset-url("Aspekta-700.woff2") format("woff2"),
      asset-url("Aspekta-700.woff") format("woff");
    font-weight: 700;
    font-style: normal;
  }
}

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}