@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Tajawal:wght@300;400;500;700;800&display=swap');

:root {
  --obsidian-dark: #0E0E10;
  --obsidian-surface: #17171A;
  --obsidian-elevated: #1F1F24;
  --gold-champagne: #C5A880;
  --gold-radiance: #D4AF37;
  --gold-light: #DFBF82;
  --sand-soft: #F5F0EB;
  --sand-muted: #E8DFD8;
  --border-brass: rgba(197, 168, 128, 0.22);
  --border-subtle: rgba(245, 240, 235, 0.08);
  --whatsapp-green: #25D366;
}

html {
  scroll-behavior: smooth;
  color-scheme: dark;
}

body {
  font-family: 'Tajawal', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  background-color: var(--obsidian-dark);
  color: var(--sand-soft);
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

[lang="en"] body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
}

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

.font-arabic-heading {
  font-family: 'Cairo', 'Tajawal', sans-serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: var(--obsidian-dark);
}
::-webkit-scrollbar-thumb {
  background: #2a2a30;
  border-radius: 4px;
  border: 1px solid var(--border-brass);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--gold-champagne);
}

/* Glowing Animations */
@keyframes pulse-ring {
  0%, 100% {
    opacity: 0.35;
    transform: scale(1);
  }
  50% {
    opacity: 0.85;
    transform: scale(1.08);
  }
}

.pulse-ring {
  animation: pulse-ring 2.5s infinite cubic-bezier(0.4, 0, 0.6, 1);
}

@keyframes gold-shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

.gold-gradient-text {
  background: linear-gradient(135deg, #F5F0EB 0%, #DFBF82 50%, #C5A880 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gold-glow {
  box-shadow: 0 10px 30px -10px rgba(197, 168, 128, 0.25);
}

.gold-glow-lg {
  box-shadow: 0 20px 45px -15px rgba(197, 168, 128, 0.35);
}

.card-luxury {
  background: var(--obsidian-surface);
  border: 1px solid var(--border-brass);
  transition: all 0.35s ease;
}

.card-luxury:hover {
  border-color: rgba(212, 175, 55, 0.5);
  transform: translateY(-4px);
  box-shadow: 0 20px 40px -15px rgba(197, 168, 128, 0.15);
}

/* Luxury Form Inputs */
.input-luxury {
  background-color: #121215;
  border: 1px solid rgba(197, 168, 128, 0.25);
  color: #F5F0EB;
  transition: all 0.25s ease;
}

.input-luxury:focus {
  outline: none;
  border-color: var(--gold-radiance);
  box-shadow: 0 0 0 3px rgba(197, 168, 128, 0.15);
}

/* Time Slot Chips */
.time-slot-btn {
  transition: all 0.2s ease;
  background-color: #121215;
  border: 1px solid rgba(245, 240, 235, 0.12);
  color: var(--sand-muted);
}

.time-slot-btn:hover {
  border-color: var(--gold-champagne);
  color: var(--sand-soft);
  background-color: rgba(197, 168, 128, 0.1);
}

.time-slot-btn.active-slot {
  background: linear-gradient(135deg, #C5A880 0%, #DFBF82 100%);
  color: #0E0E10;
  border-color: #DFBF82;
  font-weight: 700;
  box-shadow: 0 4px 14px rgba(197, 168, 128, 0.35);
}

/* Service Tab active */
.service-tab.active {
  background: linear-gradient(135deg, #C5A880 0%, #DFBF82 100%);
  color: #0E0E10;
  font-weight: 700;
  box-shadow: 0 6px 20px rgba(197, 168, 128, 0.25);
}

/* Custom Modal Backdrop */
.modal-backdrop {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}