/* 
  Tailwind is loaded via CDN in index.html.
  We use this file for custom overrides and specific animations only.
*/

:root {
  --brand-900: #1a1a1a;
  --brand-800: #2d2d2d;
  --brand-gold: #c5a059;
}

body {
  background-color: white;
  color: #1a1a1a;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

::selection {
  background-color: #c5a059;
  color: white;
}

.font-serif {
  font-family: 'Playfair Display', serif;
}

/* Custom utility classes replacing @apply for robust CDN compatibility */
.btn-gold {
  background-color: #c5a059;
  color: #1a1a1a;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 1rem 2rem;
  border-radius: 0.75rem;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.btn-gold:hover {
  background-color: white;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  color: #1a1a1a;
  transform: translateY(-2px);
}

.btn-gold:active {
  transform: scale(0.95);
}

.card-luxury {
  background-color: white;
  border: 1px solid #f3f4f6;
  border-radius: 2.5rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  transition: all 0.5s ease;
}

.card-luxury:hover {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar {
  width: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #c5a059;
  border-radius: 10px;
}

/* Animations */
@keyframes slowZoom {
  0% { transform: scale(1.0); }
  50% { transform: scale(1.08); }
  100% { transform: scale(1.0); }
}

.animate-slow-zoom {
  animation: slowZoom 30s ease-in-out infinite;
}

@keyframes bounce-slow {
  0%, 100% { transform: translateY(-5%); }
  50% { transform: translateY(0); }
}

.animate-bounce-slow {
  animation: bounce-slow 3s infinite ease-in-out;
}

/* Utility overrides ensuring brand colors apply even if Tailwind config lags */
.bg-brand-900 { background-color: #1a1a1a !important; }
.text-brand-gold { color: #c5a059 !important; }
.border-brand-gold { border-color: #c5a059 !important; }

/* Hide scrollbar for horizontal navs */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}