/* ==========================================================================
   Radiance Spa & Massage Center, Gulshan - Luxury Design System
   Color Grading, Typography & Spatial Atmosphere Tokens
   Inspired by Seed.com Ultra-Premium Botanical Wellness Aesthetic
   ========================================================================== */

:root {
  /* Seed Botanical Color Palette */
  --primary-color: #142E1B;          /* Deep Botanical Forest Green */
  --primary-light: #1D4528;          /* Luminous Moss Green */
  --primary-dark: #0E2214;           /* Midnight Pine Forest */
  --secondary-color: #245231;        /* Botanical Sage Flora */
  
  /* Luxury Champagne Gold Accents */
  --accent-sprout: #ECC880;          /* Luxury Warm Champagne Gold */
  --accent-sprout-soft: #F4E2B6;     /* Soft Gold Highlight */
  --accent-sprout-glow: rgba(212, 175, 55, 0.35);
  --accent-color: #ECC880;           /* Luxury Gold Accent */
  --accent-dark: #245231;            /* Dark Botanical Accent */
  
  /* Refined Champagne Silk Gold */
  --accent-gold: #D8C49D;            /* Quiet Luxury Champagne Silk Gold */
  --accent-gold-light: #E8DCC4;      /* Luminous Cashmere Accent */
  --accent-gold-dark: #B8A375;       /* Muted Antique Bronze Gold */
  --accent-gold-glow: rgba(216, 196, 157, 0.35);
  
  /* Silk & Alabaster Background Surfaces */
  --bg-color: #FFFFFF;
  --bg-alt: #F4F6F2;                 /* Alabaster Celadon Silk Tint */
  --bg-warm: #EBF0E8;                /* Soft Celadon Mist */
  --bg-dark: #0E2214;                /* Deep Botanical Forest Surface */
  --bg-card-dark: #183D22;           /* Seed Moss Card Background */
  --bg-glass: rgba(255, 255, 255, 0.92);
  --bg-glass-dark: rgba(18, 40, 23, 0.88);
  
  /* Text & Editorial Typography */
  --text-primary: #132617;          /* High-Contrast Deep Forest Charcoal */
  --text-secondary: #4A5649;        /* Muted Botanical Slate */
  --text-light: #FFFFFF;            /* Pure Crisp White */
  --text-muted: #7E8D7C;            /* Subtle Celadon Pebble */
  --text-sprout: #142918;           /* Text for on-sprout badges */
  --text-gold: #B8A375;             /* Refined Champagne Accent */
  
  /* Luxury Botanical Borders */
  --border-color: rgba(20, 46, 27, 0.12);
  --border-subtle: rgba(20, 46, 27, 0.08);
  --border-sprout: rgba(212, 175, 55, 0.4);
  --border-gold: rgba(216, 196, 157, 0.35);
  --border-glass: rgba(255, 255, 255, 0.15);
  
  /* Interactive Accents */
  --whatsapp-green: #1da851;
  --whatsapp-glow: rgba(29, 168, 81, 0.35);
  
  /* Gradients */
  --grad-hero: linear-gradient(180deg, rgba(14, 38, 20, 0.48) 0%, rgba(10, 26, 14, 0.72) 55%, rgba(14, 34, 18, 0.94) 100%);
  --grad-botanical-dark: linear-gradient(180deg, #132F1A 0%, #1A4023 50%, #0E2214 100%);
  --grad-botanical-card: linear-gradient(135deg, #183D22 0%, #122F1A 100%);
  --grad-sprout: linear-gradient(135deg, #ECC880 0%, #D4AF37 100%);
  --grad-champagne: linear-gradient(135deg, #E8DCC4 0%, #D8C49D 50%, #B8A375 100%);
  
  /* Typography */
  --font-heading: 'Cormorant Garamond', 'Playfair Display', serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  
  /* Border Radius */
  --radius-xs: 8px;
  --radius-sm: 14px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-pill: 9999px;
  
  /* Multi-Layer Soft Shadows */
  --shadow-subtle: 0 4px 20px rgba(19, 38, 23, 0.04);
  --shadow-card: 0 10px 32px rgba(19, 38, 23, 0.06);
  --shadow-elevated: 0 20px 60px rgba(8, 24, 12, 0.16);
  --shadow-glow: 0 0 25px rgba(226, 244, 138, 0.35);
  
  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  
  /* Layout */
  --container-width: 1280px;
  --section-padding-y: 70px;
}

@media (min-width: 1024px) {
  :root {
    --section-padding-y: 95px;
  }
}