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

/* Custom base styles */
@layer base {
  html {
    scroll-behavior: smooth;
  }
  
  body {
    font-family: 'Inter', system-ui, sans-serif;
    line-height: 1.6;
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Georgia', serif;
  }
}

/* Custom component styles */
@layer components {
  .btn-primary {
    @apply bg-gold-500 hover:bg-gold-600 text-white px-6 py-3 rounded-lg font-medium transition-colors duration-200;
  }
  
  .btn-secondary {
    @apply bg-transparent border-2 border-gold-500 text-gold-500 hover:bg-gold-500 hover:text-white px-6 py-3 rounded-lg font-medium transition-all duration-200;
  }
  
  .card {
    @apply bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow duration-300;
  }
  
  .section-padding {
    @apply py-16 lg:py-20;
  }
  
  .container-custom {
    @apply container mx-auto px-4 sm:px-6 lg:px-8;
  }
  
  .text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  }
  
  .bg-overlay {
    @apply relative;
  }
  
  .bg-overlay::before {
    content: '';
    @apply absolute inset-0 bg-black bg-opacity-40;
  }
  
  .bg-overlay > * {
    @apply relative z-10;
  }
}

/* Custom utility styles */
@layer utilities {
  .text-gold {
    color: #B4975A;
  }
  
  .bg-gold {
    background-color: #B4975A;
  }
  
  .border-gold {
    border-color: #B4975A;
  }
  
  .focus-gold:focus {
    @apply ring-2 ring-gold-500 ring-opacity-50 border-gold-500;
  }
  
  .gradient-gold {
    background: linear-gradient(135deg, #B4975A 0%, #967A48 100%);
  }
  
  .animate-float {
    animation: float 6s ease-in-out infinite;
  }
  
  @keyframes float {
    0%, 100% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(-10px);
    }
  }
}