/* Kabir Desert Resort - Luxury Royal Desert Styling */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root {
  --primary-gold: #B8863B;
  --secondary-brown: #7A4B25;
  --dark-night: #241811;
  --bg-sand: #F8F3EA;
  --light-sand: #FFFDF8;
  --accent-gold: #D6A85F;
}

body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  background-color: var(--bg-sand);
  color: var(--dark-night);
  overflow-x: hidden;
}

h1, h2, h3, h4, .font-serif {
  font-family: 'Playfair Display', Georgia, serif;
}

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

/* Custom delicate scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #F8F3EA;
}
::-webkit-scrollbar-thumb {
  background: #D6A85F;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #B8863B;
}

/* Jali pattern background overlay for royal Rajasthan touch */
.bg-jali {
  background-image: radial-gradient(circle at 50% 50%, rgba(184, 134, 59, 0.08) 1.5px, transparent 1.5px);
  background-size: 24px 24px;
}

.bg-jali-dark {
  background-image: radial-gradient(circle at 50% 50%, rgba(214, 168, 95, 0.07) 1.5px, transparent 1.5px);
  background-size: 24px 24px;
}

/* Rajasthan arch curve styling */
.rajasthan-arch {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}

/* Smooth modal transitions */
.modal-overlay {
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.modal-overlay.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.modal-overlay:not(.hidden) {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}