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

@layer base {
  body {
    @apply bg-gray-900 text-white font-serif;
  }
  
  h1, h2, h3, h4, h5, h6 {
    @apply font-serif;
  }
}

@layer components {
  .btn {
    @apply px-6 py-2 rounded transition-all duration-300 font-medium;
  }
  
  .btn-primary {
    @apply bg-amber-700 hover:bg-amber-800 text-white;
  }
  
  .btn-secondary {
    @apply bg-red-900 hover:bg-red-950 text-white;
  }
  
  .btn-outline {
    @apply border border-amber-600 text-amber-600 hover:bg-amber-600 hover:text-white;
  }
  
  .container-custom {
    @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
  }
  
  .section {
    @apply py-16 md:py-24;
  }
  
  .section-title {
    @apply text-3xl md:text-4xl font-bold mb-8 text-center text-amber-500;
  }
  
  .card {
    @apply bg-gray-800 rounded-lg overflow-hidden shadow-lg transition-transform duration-300 hover:shadow-2xl;
  }
}