@import "tailwindcss";

@theme {
  --color-gold-light: #F9E29C;
  --color-gold: #D4AF37;
  --color-gold-dark: #996515;
  --color-dark: #0A0A0A;
  --color-dark-soft: #1A1B1E;
  
  --font-display: "Playfair Display", serif;
  --font-body: "Inter", sans-serif;
}

@layer base {
  body {
    @apply bg-dark text-gray-300 font-body;
    scroll-behavior: smooth;
  }
  
  h1, h2, h3, h4, h5, h6 {
    @apply font-display text-gold;
  }
}

@layer components {
  .btn-gold {
    @apply bg-gold hover:bg-gold-light text-dark font-bold py-2 px-6 rounded-full transition-all duration-300 shadow-lg hover:shadow-gold/20 inline-block text-center;
  }
  
  .card-gold {
    @apply bg-dark-soft border border-gold/20 rounded-xl overflow-hidden hover:border-gold/50 transition-all duration-300;
  }
  
  .nav-link {
    @apply text-gray-400 hover:text-gold transition-colors duration-200 uppercase tracking-widest text-sm font-medium;
  }
}

/* Custom Utilities */
.text-gradient-gold {
  background: linear-gradient(135deg, #D4AF37 0%, #F9E29C 50%, #996515 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}