/* ===================================================
   DarBouazza.beauty - Styles & Theme
   Palette: Champagne Gold, Warm Sand, Rose Nude & Deep Slate
   =================================================== */

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

:root {
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  
  --color-gold-50: #FCF9F2;
  --color-gold-100: #F7EEDB;
  --color-gold-500: #D4A373;
  --color-gold-600: #C58F58;
  --color-gold-700: #A8713D;
  
  --color-rose-50: #FBF6F4;
  --color-rose-100: #F4E7E2;
  --color-rose-500: #D98880;
  
  --color-sauge-50: #F3F6F4;
  --color-sauge-600: #4A6B5D;
  --color-sauge-700: #365045;
  
  --color-dark: #1A1F1D;
  --color-dark-light: #2A322E;
  --color-sand: #FAF7F2;
  --color-border: rgba(212, 163, 115, 0.18);
}

body {
  font-family: var(--font-sans);
  background-color: var(--color-sand);
  color: var(--color-dark);
  overflow-x: hidden;
}

.font-serif {
  font-family: var(--font-serif);
}

/* Glassmorphism Card */
.glass-card {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(212, 163, 115, 0.22);
}

.glass-card-hover {
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.glass-card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px -8px rgba(197, 143, 88, 0.15), 0 4px 12px -2px rgba(26, 31, 29, 0.04);
  border-color: rgba(197, 143, 88, 0.45);
}

/* Hero Gradient Overlay */
.hero-gradient {
  background: linear-gradient(180deg, rgba(26, 31, 29, 0.72) 0%, rgba(26, 31, 29, 0.55) 50%, rgba(26, 31, 29, 0.88) 100%);
}

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

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #F4EEDB;
}
::-webkit-scrollbar-thumb {
  background: #D4A373;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #C58F58;
}

/* Badge Glow */
.badge-gold {
  background: rgba(212, 163, 115, 0.15);
  color: #8C5624;
  border: 1px solid rgba(212, 163, 115, 0.35);
}

.badge-sauge {
  background: rgba(74, 107, 93, 0.12);
  color: #2D4A3E;
  border: 1px solid rgba(74, 107, 93, 0.3);
}

.badge-rose {
  background: rgba(217, 136, 128, 0.12);
  color: #A34940;
  border: 1px solid rgba(217, 136, 128, 0.3);
}

/* Smooth Tab Underline */
.tab-active {
  color: #C58F58;
  border-bottom: 2px solid #C58F58;
  font-weight: 600;
}

/* Floating WhatsApp Button Pulse */
@keyframes pulse-subtle {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

.whatsapp-float {
  animation: pulse-subtle 3s ease-in-out infinite;
}