@import url("https://fonts.googleapis.com/css2?family=Gochi+Hand&family=Inter:wght@400;500;600;700;800&family=Lexend:wght@400;500;600;700&display=swap");

@layer base {
  @import "vendors/prism.css";
}

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

/* Pagy */
.pagy {
  @apply flex items-center justify-center gap-2 text-sm font-medium;
}

.pagy a,
.pagy span {
  @apply inline-flex items-center justify-center w-10 h-10 rounded-full shadow-sm ring-1 ring-slate-900/5;
}

/* Active Page */
.pagy a.current {
  @apply bg-sky-600 text-white shadow-sky-100/50;
}

/* Disabled Previous/Next */
.pagy span[aria-disabled="true"] {
  @apply bg-slate-50 text-slate-500/60 shadow-sky-100/50 cursor-not-allowed;
}

/* Regular Page Links */
.pagy a {
  @apply bg-slate-50 text-slate-700 shadow-sky-100/50 transition duration-200 ease-in-out hover:bg-slate-100 hover:text-sky-700;
}

/* Previous & Next Buttons */
.pagy .prev,
.pagy .next {
  @apply w-20;
}
/* End of Pagy */

/*

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

*/