/* 🎨 Color Palette Styles - Dynamic Theme Switching */

/* Style 2: Ocean Blue - Professional & Trustworthy */
body[data-style="2"] {
  --primary: #1976D2;
  --primary-light: #42A5F5;
  --primary-dark: #1565C0;
  --secondary: #00ACC1;
  --accent: #FFA726;

  --gradient-primary: linear-gradient(135deg, #1976D2 0%, #00ACC1 100%);
  --gradient-card: linear-gradient(135deg, #FFFFFF 0%, #E3F2FD 100%);
  --gradient-dark: linear-gradient(135deg, #0D47A1 0%, #01579B 100%);

  --shadow-colored: 0 10px 30px rgba(25, 118, 210, 0.3);
}

body[data-style="2"] .broadcast-banner {
  background: linear-gradient(90deg, #1976D2, #00ACC1);
}

body[data-style="2"] .urgency-card {
  background: linear-gradient(135deg, #1565C0 0%, #0097A7 100%);
}

body[data-style="2"] .salary-icon {
  background: linear-gradient(135deg, #00ACC1 0%, #26C6DA 100%);
}

body[data-style="2"] .salary-live-indicator {
  background: #FF6F00;
}

body[data-style="2"] .testimonial-thumb.active {
  border-color: #1976D2;
  box-shadow: 0 10px 20px rgba(25, 118, 210, 0.35);
}

body[data-style="2"] .app-container {
  background: linear-gradient(180deg, #E3F2FD 0%, #B3E5FC 100%);
}

/* Style 3: Purple Luxury - Premium & Elegant */
body[data-style="3"] {
  --primary: #7B1FA2;
  --primary-light: #9C27B0;
  --primary-dark: #6A1B9A;
  --secondary: #AB47BC;
  --accent: #FFD54F;

  --gradient-primary: linear-gradient(135deg, #7B1FA2 0%, #AB47BC 100%);
  --gradient-card: linear-gradient(135deg, #FFFFFF 0%, #F3E5F5 100%);
  --gradient-dark: linear-gradient(135deg, #4A148C 0%, #6A1B9A 100%);

  --shadow-colored: 0 10px 30px rgba(123, 31, 162, 0.3);
}

body[data-style="3"] .broadcast-banner {
  background: linear-gradient(90deg, #7B1FA2, #AB47BC);
}

body[data-style="3"] .urgency-card {
  background: linear-gradient(135deg, #6A1B9A 0%, #8E24AA 100%);
}

body[data-style="3"] .salary-icon {
  background: linear-gradient(135deg, #AB47BC 0%, #BA68C8 100%);
}

body[data-style="3"] .salary-live-indicator {
  background: #E91E63;
}

body[data-style="3"] .testimonial-thumb.active {
  border-color: #7B1FA2;
  box-shadow: 0 10px 20px rgba(123, 31, 162, 0.35);
}

body[data-style="3"] .app-container {
  background: linear-gradient(180deg, #F3E5F5 0%, #E1BEE7 100%);
}

/* Style 4: Green Success - Growth & Prosperity */
body[data-style="4"] {
  --primary: #388E3C;
  --primary-light: #66BB6A;
  --primary-dark: #2E7D32;
  --secondary: #00897B;
  --accent: #FFA000;

  --gradient-primary: linear-gradient(135deg, #388E3C 0%, #00897B 100%);
  --gradient-card: linear-gradient(135deg, #FFFFFF 0%, #E8F5E9 100%);
  --gradient-dark: linear-gradient(135deg, #1B5E20 0%, #004D40 100%);

  --shadow-colored: 0 10px 30px rgba(56, 142, 60, 0.3);
}

body[data-style="4"] .broadcast-banner {
  background: linear-gradient(90deg, #388E3C, #00897B);
}

body[data-style="4"] .urgency-card {
  background: linear-gradient(135deg, #2E7D32 0%, #00796B 100%);
}

body[data-style="4"] .salary-icon {
  background: linear-gradient(135deg, #00897B 0%, #26A69A 100%);
}

body[data-style="4"] .salary-live-indicator {
  background: #F57C00;
}

body[data-style="4"] .testimonial-thumb.active {
  border-color: #388E3C;
  box-shadow: 0 10px 20px rgba(56, 142, 60, 0.35);
}

body[data-style="4"] .app-container {
  background: linear-gradient(180deg, #E8F5E9 0%, #C8E6C9 100%);
}

/* Common adjustments for all alternate styles */
body[data-style="2"] .hero-card,
body[data-style="3"] .hero-card,
body[data-style="4"] .hero-card {
  background: var(--gradient-primary);
}

body[data-style="2"] .status-bar,
body[data-style="3"] .status-bar,
body[data-style="4"] .status-bar {
  background: var(--gradient-primary);
}

body[data-style="2"] .salary-avatar,
body[data-style="3"] .salary-avatar,
body[data-style="4"] .salary-avatar {
  background: var(--gradient-primary);
}

body[data-style="2"] .section-icon,
body[data-style="3"] .section-icon,
body[data-style="4"] .section-icon {
  background: var(--gradient-primary);
}

body[data-style="2"] .floating-action,
body[data-style="3"] .floating-action,
body[data-style="4"] .floating-action {
  background: var(--gradient-primary);
  box-shadow: var(--shadow-xl), 0 0 20px var(--primary);
}

body[data-style="2"] .feed-card,
body[data-style="3"] .feed-card,
body[data-style="4"] .feed-card {
  border: 1px solid rgba(var(--primary), 0.08);
}

body[data-style="2"] .feed-card:hover,
body[data-style="3"] .feed-card:hover,
body[data-style="4"] .feed-card:hover {
  border-color: rgba(var(--primary), 0.15);
}

body[data-style="2"] .faq-item.active .faq-toggle,
body[data-style="3"] .faq-item.active .faq-toggle,
body[data-style="4"] .faq-item.active .faq-toggle {
  background: var(--primary);
}

body[data-style="2"] .faq-question:hover,
body[data-style="3"] .faq-question:hover,
body[data-style="4"] .faq-question:hover {
  color: var(--primary);
}

body[data-style="2"] .feature-item:hover,
body[data-style="3"] .feature-item:hover,
body[data-style="4"] .feature-item:hover {
  border-color: var(--primary);
}

body[data-style="2"] .floating-button,
body[data-style="3"] .floating-button,
body[data-style="4"] .floating-button {
  color: var(--primary);
}