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

/*

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

*/

.pagy-nav {
  @apply flex space-x-2;
}

.pagy-nav .page {
  @apply px-3 py-1 text-gray-300 bg-gray-800 rounded hover:bg-gray-700 transition-colors duration-200;
}

.pagy-nav .active {
  @apply bg-blue-600 text-white;
}

.pagy-nav .disabled {
  @apply opacity-50 cursor-not-allowed;
}