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

@layer components {
  .btn-primary {
    @apply bg-blue-500 text-white px-6 py-3 rounded-lg font-semibold hover:bg-blue-600 transition-all duration-300 ease-in-out;
  }
  
  .btn-secondary {
    @apply bg-white text-blue-500 border-2 border-blue-500 px-6 py-3 rounded-lg font-semibold hover:bg-blue-50 transition-all duration-300 ease-in-out;
  }
  
  .section-title {
    @apply text-4xl md:text-5xl font-bold text-gray-900 mb-4;
  }
  
  .section-subtitle {
    @apply text-xl text-gray-600 mb-8 max-w-2xl mx-auto;
  }
}