/* ==========================================================================
   Salon25 Alternative Themes
   Theme selection will be implemented in the admin panel
   ========================================================================== */

/* ==========================================================================
   Theme: Rose Gold (Romantic & Feminine)
   ========================================================================== */
[data-theme="rose-gold"] {
    --color-primary: #2d2d2d;
    --color-secondary: #b76e79;
    --color-accent: #d4a5a5;
    --color-cream: #fdf6f6;
    --color-white: #ffffff;
    --color-beige: #f5e6e8;
    --color-gold: #b76e79;
    --color-dark-gold: #8b4d57;
    --color-text-primary: #2d2d2d;
    --color-text-secondary: #6b5b5e;
    --color-text-light: #9a8a8d;
}

[data-theme="rose-gold"] .salon-hero::before {
    background: radial-gradient(circle, rgba(183, 110, 121, 0.08) 0%, transparent 70%);
}

[data-theme="rose-gold"] .hero-decorative-circle {
    background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-accent) 100%);
}

/* ==========================================================================
   Theme: Ocean Breeze (Calm & Refreshing)
   ========================================================================== */
[data-theme="ocean-breeze"] {
    --color-primary: #1e3a5f;
    --color-secondary: #4a90a4;
    --color-accent: #7ab8c9;
    --color-cream: #f0f7fa;
    --color-white: #ffffff;
    --color-beige: #dce9ed;
    --color-gold: #4a90a4;
    --color-dark-gold: #2d6e7e;
    --color-text-primary: #1e3a5f;
    --color-text-secondary: #4a6478;
    --color-text-light: #7a99a8;
}

[data-theme="ocean-breeze"] .salon-hero::before {
    background: radial-gradient(circle, rgba(74, 144, 164, 0.08) 0%, transparent 70%);
}

[data-theme="ocean-breeze"] .hero-decorative-circle {
    background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-accent) 100%);
}

/* ==========================================================================
   Theme: Forest Green (Natural & Organic)
   ========================================================================== */
[data-theme="forest-green"] {
    --color-primary: #2d3b2d;
    --color-secondary: #5d7a5d;
    --color-accent: #8fa98f;
    --color-cream: #f4f7f4;
    --color-white: #ffffff;
    --color-beige: #e3ebe3;
    --color-gold: #5d7a5d;
    --color-dark-gold: #3d5a3d;
    --color-text-primary: #2d3b2d;
    --color-text-secondary: #5a6b5a;
    --color-text-light: #8a9a8a;
}

[data-theme="forest-green"] .salon-hero::before {
    background: radial-gradient(circle, rgba(93, 122, 93, 0.08) 0%, transparent 70%);
}

[data-theme="forest-green"] .hero-decorative-circle {
    background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-accent) 100%);
}

/* ==========================================================================
   Theme: Lavender Dreams (Calming & Luxurious)
   ========================================================================== */
[data-theme="lavender-dreams"] {
    --color-primary: #3d3552;
    --color-secondary: #9b8aa8;
    --color-accent: #c4b7d0;
    --color-cream: #f8f6fa;
    --color-white: #ffffff;
    --color-beige: #ebe5f0;
    --color-gold: #9b8aa8;
    --color-dark-gold: #7a6988;
    --color-text-primary: #3d3552;
    --color-text-secondary: #6b5f7a;
    --color-text-light: #9a8faa;
}

[data-theme="lavender-dreams"] .salon-hero::before {
    background: radial-gradient(circle, rgba(155, 138, 168, 0.08) 0%, transparent 70%);
}

[data-theme="lavender-dreams"] .hero-decorative-circle {
    background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-accent) 100%);
}

/* ==========================================================================
   Theme: Midnight Luxe (Dark & Premium)
   ========================================================================== */
[data-theme="midnight-luxe"] {
    --color-primary: #0d0d0d;
    --color-secondary: #c9a962;
    --color-accent: #8b7355;
    --color-cream: #1a1a1a;
    --color-white: #2d2d2d;
    --color-beige: #252525;
    --color-gold: #c9a962;
    --color-dark-gold: #a88b45;
    --color-text-primary: #e8e8e8;
    --color-text-secondary: #b0b0b0;
    --color-text-light: #808080;
}

[data-theme="midnight-luxe"] .salon-hero {
    background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%);
}

[data-theme="midnight-luxe"] .salon-hero::before {
    background: radial-gradient(circle, rgba(201, 169, 98, 0.06) 0%, transparent 70%);
}

[data-theme="midnight-luxe"] .hero-decorative-circle {
    background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-accent) 100%);
}

[data-theme="midnight-luxe"] .section-booking-guide,
[data-theme="midnight-luxe"] .section-team-members {
    background: #1a1a1a;
}

[data-theme="midnight-luxe"] .step-card,
[data-theme="midnight-luxe"] .team-member-card,
[data-theme="midnight-luxe"] .auth-card {
    background-color: #252525;
    border-color: #3d3d3d;
}

[data-theme="midnight-luxe"] .section-auth {
    background: linear-gradient(180deg, #1a1a1a 0%, #0d0d0d 100%);
}

/* ==========================================================================
   Theme: Coral Sunset (Warm & Vibrant)
   ========================================================================== */
[data-theme="coral-sunset"] {
    --color-primary: #3d2c29;
    --color-secondary: #e07a5f;
    --color-accent: #f2a48b;
    --color-cream: #fef8f5;
    --color-white: #ffffff;
    --color-beige: #f5e8e2;
    --color-gold: #e07a5f;
    --color-dark-gold: #c45d42;
    --color-text-primary: #3d2c29;
    --color-text-secondary: #6b5651;
    --color-text-light: #9a8a85;
}

[data-theme="coral-sunset"] .salon-hero::before {
    background: radial-gradient(circle, rgba(224, 122, 95, 0.08) 0%, transparent 70%);
}

[data-theme="coral-sunset"] .hero-decorative-circle {
    background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-accent) 100%);
}

/* ==========================================================================
   Theme: Slate Modern (Minimalist & Professional)
   ========================================================================== */
[data-theme="slate-modern"] {
    --color-primary: #2c3e50;
    --color-secondary: #3498db;
    --color-accent: #74b9ff;
    --color-cream: #f5f6fa;
    --color-white: #ffffff;
    --color-beige: #dfe6e9;
    --color-gold: #3498db;
    --color-dark-gold: #2980b9;
    --color-text-primary: #2c3e50;
    --color-text-secondary: #636e72;
    --color-text-light: #95a5a6;
}

[data-theme="slate-modern"] .salon-hero::before {
    background: radial-gradient(circle, rgba(52, 152, 219, 0.06) 0%, transparent 70%);
}

[data-theme="slate-modern"] .hero-decorative-circle {
    background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-accent) 100%);
}

/* ==========================================================================
   Theme: Warm Sand (Earthy & Welcoming)
   ========================================================================== */
[data-theme="warm-sand"] {
    --color-primary: #4a3f35;
    --color-secondary: #c4a77d;
    --color-accent: #dac4a5;
    --color-cream: #faf8f5;
    --color-white: #ffffff;
    --color-beige: #ede5d8;
    --color-gold: #c4a77d;
    --color-dark-gold: #a88e5e;
    --color-text-primary: #4a3f35;
    --color-text-secondary: #6b5f50;
    --color-text-light: #9a8f80;
}

[data-theme="warm-sand"] .salon-hero::before {
    background: radial-gradient(circle, rgba(196, 167, 125, 0.08) 0%, transparent 70%);
}

[data-theme="warm-sand"] .hero-decorative-circle {
    background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-accent) 100%);
}