@tailwind base;
@tailwind components;
@tailwind utilities;
/* @import 'pagy.tailwind.css'; not working */
/*

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

*/

@layer base {
  h1 {
    @apply text-2xl lg:text-3xl tracking-tight  font-black text-pretty text-gray-900 bg-clip-text;
  }
}
@layer utilities {
  .layout-container {
    @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
  }
}
@layer components {
  .btn {
    @apply bg-emerald-600 text-white px-6 py-2.5 rounded-full font-semibold hover:bg-emerald-700 transition-colors shadow-lg;
  }
}

@keyframes spin-slow {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.animate-spin-slow {
  animation: spin-slow 20s linear infinite;
}