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

/* Custom styles */
@layer components {
  .btn-primary {
    @apply bg-gold text-white px-6 py-3 rounded-lg font-semibold hover:bg-charcoal transition-colors;
  }
  
  .btn-secondary {
    @apply bg-charcoal text-white px-6 py-3 rounded-lg font-semibold hover:bg-gold transition-colors;
  }
  
  .card {
    @apply bg-white rounded-lg shadow-md p-6;
  }
  
  .input-field {
    @apply w-full px-3 py-2 border border-charcoal/20 rounded-lg focus:outline-none focus:border-gold transition-colors;
  }
}