:root {
   /* ==============================
       1. DIMENSIONS & LAYOUT
    ============================== */
   /* Header Heights */
   --h-desk-total: 120px;
   --h-top: 40px;
   --h-main: 80px;

   --h-mob-total: 105px;
   --h-top-mob: 35px;
   --h-main-mob: 70px;

   /* Container */
   --container-width: 92%;
   --container-max: 1350px;

   /* Spacing / Gaps */
   --gap-xs: 8px;
   --gap-sm: 12px;
   --gap-md: 15px;
   --gap-lg: 40px;
   --gap-xl: 60px;
   --section-padding: 100px 0;

   /* ==============================
       2. COLOR PALETTE
    ============================== */
   /* Backgrounds */
   --bg-deep: #050505;
   /* Main Body Background */
   --bg-black: #000000;
   /* Pure Black */
   --bg-panel: #080808;
   /* Panels/Drawers */
   --bg-glass: rgba(10, 10, 10, 0.85);
   /* Main Header Glass */

   /* Overlays & Glass Effects */
   --overlay-dark: rgba(0, 0, 0, 0.5);
   --overlay-medium: rgba(0, 0, 0, 0.4);
   --overlay-light: rgba(0, 0, 0, 0.2);
   --glass-surface: rgba(255, 255, 255, 0.05);
   --glass-border: rgba(255, 255, 255, 0.3);
   --border-faint: rgba(255, 255, 255, 0.1);

   /* Text Colors */
   --text-white: #ffffff;
   --text-grey: #cccccc;
   --text-muted: #888888;
   --text-dark-muted: #a0a0a0;

   /* Borders */
   --border-color: #333333;

   /* ==============================
       3. LUXURY ACCENTS (Gold)
    ============================== */
   --gold-gradient: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
   --gold-flat: #D4AF37;
   --gold-hover-glow: rgba(212, 175, 55, 0.6);
   --gold-shadow: rgba(212, 175, 55, 0.4);

   /* ==============================
       4. TYPOGRAPHY
    ============================== */
   /* Font Families */
   --font-logo: 'Oswald', sans-serif;
   --font-body: 'Manrope', sans-serif;

   /* Font Sizes - General */
   --fs-xs: 9px;
   --fs-sm: 11px;
   --fs-md: 12px;
   --fs-reg: 13px;
   --fs-icon-sm: 14px;
   --fs-lg: 1.1rem;
   /* Body Text */

   /* Font Sizes - Headings */
   --fs-mob-head: 20px;
   --fs-logo-xl: 24px;
   --fs-logo-xxl: 26px;
   --fs-mob-link: 28px;
   --fs-hero-sub: 1.1rem;
   --fs-section-head: 3.5rem;
   --fs-hero-title: 5rem;
   --fs-hero-title-mob: 3rem;

   /* Letter Spacing */
   --ls-sm: 1px;
   --ls-md: 3px;
   --ls-lg: 5px;

   /* ==============================
       5. ASSETS & IMAGES
    ============================== */
   --img-men: url('../images/img-men.jpg');
   --img-women: url('../images/img-women.jpg');

   /* ==============================
       6. EFFECTS & ANIMATION
    ============================== */
   --shadow-glass: 0 10px 30px rgba(0, 0, 0, 0.5);
   --shadow-text: 0 0 10px rgba(255, 255, 255, 0.2);
   --shadow-strong: 0 10px 30px rgba(0, 0, 0, 0.5);

   --blur-amount: 12px;

   --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
   --transition-fast: 0.3s;
   --transition-smooth: 0.4s;
   --transition-slow: 0.8s;

   --radius-pill: 30px;
   --radius-circle: 50%;
   --radius-sm: 5px;



   /* --- NEW SERVICE SECTION IMAGES --- */
   --bg-services-men: url('https://images.unsplash.com/photo-1621605815971-fbc98d665033?q=80&w=2070&auto=format&fit=crop');
   --bg-services-women: url('https://images.unsplash.com/photo-1522337360702-7b2549a49558?q=80&w=2070&auto=format&fit=crop');



   /* --- TEAM PLACEHOLDERS (Portrait Images) --- */
   --team-1: url('assets/images/team/team-1.jpg');
   /* Male Barber */
   --team-2: url('assets/images/team/team-2.jpg');
   /* Female Stylist */
   --team-3: url('assets/images/team/team-3.jpg');
   /* Male Stylist */
   --team-4: url('assets/images/team/team-4.jpg');
   /* Makeup Artist */

   /* --- BRAND STRIP SETTINGS --- */
   --brand-bg: #111111;
   --brand-scroll-speed: 20s;







   /* --- TESTIMONIALS ASSETS --- */
   --bg-reviews: url('../images/remove/bg.jpg');

   --avatar-1: url('https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=1974&auto=format&fit=crop');
   --avatar-2: url('https://images.unsplash.com/photo-1438761681033-6461ffad8d80?q=80&w=2070&auto=format&fit=crop');
   --avatar-3: url('https://images.unsplash.com/photo-1500648767791-00dcc994a43e?q=80&w=1974&auto=format&fit=crop');
   --avatar-4: url('https://images.unsplash.com/photo-1614283233556-f35b0c801ef1?q=80&w=1976&auto=format&fit=crop');






   /* Footer Colors */
   --bg-footer: #020202;
   /* Pitch black */
   --border-footer: rgba(255, 255, 255, 0.1);




   --font-elegant: 'Playfair Display', serif;
   --img-portal-woman: url('../images/remove/cute4.jpg');
   --img-hair: url('assets/images/Women/The-Hair-Studio.jpg');
   --img-skin: url('assets/images/Women/Skin&Rejuvenation.jpg');
   --img-bridal: url('assets/images/Women/The-Bridal-Suite.jpg');

   /* --- MEN MENU IMAGES --- */
   --img-men-hair: url('assets/images/Men/men-hair.jpg');
   --img-men-beard: url('assets/images/Men/men-beard.jpg');
   --img-men-face: url('assets/images/Men/men-face.jpg');


   /* --- SERVICE MOSAIC IMAGES --- */
   --img-tile-hair: url('https://images.unsplash.com/photo-1560869713-7d0a29430803?q=80&w=2026&auto=format&fit=crop');
   --img-tile-skin: url('https://images.unsplash.com/photo-1570172619644-dfd03ed5d881?q=80&w=2070&auto=format&fit=crop');
   --img-tile-spa: url('https://images.unsplash.com/photo-1544161515-4ab6ce6db874?q=80&w=2070&auto=format&fit=crop');
   --img-tile-men: url('https://images.unsplash.com/photo-1621605815971-fbc98d665033?q=80&w=2070&auto=format&fit=crop');

   /* --- EXISTING --- */
   --img-tile-hair: url('https://images.unsplash.com/photo-1560869713-7d0a29430803?q=80&w=2026&auto=format&fit=crop');
   --img-tile-skin: url('https://images.unsplash.com/photo-1570172619644-dfd03ed5d881?q=80&w=2070&auto=format&fit=crop');
   --img-tile-men: url('https://images.unsplash.com/photo-1621605815971-fbc98d665033?q=80&w=2070&auto=format&fit=crop');

   /* --- NEW ADDITIONS --- */
   --img-tile-makeup: url('https://images.unsplash.com/photo-1522337660859-02fbefca4702?q=80&w=1974&auto=format&fit=crop');
   --img-tile-massage: url('https://images.unsplash.com/photo-1544161515-4ab6ce6db874?q=80&w=2070&auto=format&fit=crop');
   --img-tile-nails: url('https://images.unsplash.com/photo-1604654894610-df63bc536371?q=80&w=1973&auto=format&fit=crop');

   --img-contact-hero: url('https://images.unsplash.com/photo-1560066984-138dadb4c035?q=80&w=1974&auto=format&fit=crop');

}