/* Theme Switching Styles */

/* Default Green Theme */
body {
  --current-primary: var(--color-primary);
  --current-primary-light: var(--color-primary-light);
  --current-primary-dark: var(--color-primary-dark);
  --current-secondary: var(--color-secondary);
}

/* Orange Theme */
body.theme-orange {
  --current-primary: var(--color-orange);
  --current-primary-light: var(--color-orange-light);
  --current-primary-dark: var(--color-orange-dark);
  --current-secondary: var(--color-orange-dark);
  --header-theme-gradient: linear-gradient(to bottom, #fff9f5, #ffffff);
}

body.theme-orange .header {
  background: rgba(255, 249, 245, 0.8);
  border-block-end-color: rgba(255, 133, 85, 0.5);
}

body.theme-orange .header__title {
  color: var(--color-orange);
}

body.theme-orange .nav-link:hover {
  background-color: rgba(255, 107, 53, 0.1);
}

body.theme-orange .nav-link--active {
  color: var(--color-orange);
  background-color: rgba(255, 107, 53, 0.15);
}

body.theme-orange .nav-link--active::after {
  background-color: var(--color-orange);
}

body.theme-orange .btn--primary {
  background-color: var(--color-orange);
  border-color: var(--color-orange);
}

body.theme-orange .btn--primary:hover {
  background-color: var(--color-orange-dark);
  border-color: var(--color-orange-dark);
}

body.theme-orange .hero {
  background: linear-gradient(135deg, var(--color-orange) 0%, var(--color-orange-dark) 100%);
}

body.theme-orange .mobile-dropdown__register {
  background-color: var(--color-orange);
}

body.theme-orange .mobile-dropdown__register:hover {
  background-color: var(--color-orange-dark);
}

body.theme-orange .menu-icon,
body.theme-orange .menu-icon::before,
body.theme-orange .menu-icon::after {
  background-color: var(--color-orange);
}

body.theme-orange .logo-icon {
  filter: brightness(0) saturate(100%) invert(52%) sepia(91%) saturate(1749%) hue-rotate(338deg) brightness(102%) contrast(101%);
}

/* Magenta Theme */
body.theme-magenta {
  --current-primary: var(--color-magenta);
  --current-primary-light: var(--color-magenta-light);
  --current-primary-dark: var(--color-magenta-dark);
  --current-secondary: var(--color-magenta-dark);
  --header-theme-gradient: linear-gradient(to bottom, #fff5f9, #ffffff);
}

body.theme-magenta .header {
  background: rgba(255, 245, 249, 0.8);
  border-block-end-color: rgba(233, 30, 99, 0.5);
}

body.theme-magenta .header__title {
  color: var(--color-magenta);
}

body.theme-magenta .nav-link:hover {
  background-color: rgba(216, 27, 96, 0.1);
}

body.theme-magenta .nav-link--active {
  color: var(--color-magenta);
  background-color: rgba(216, 27, 96, 0.15);
}

body.theme-magenta .nav-link--active::after {
  background-color: var(--color-magenta);
}

body.theme-magenta .btn--primary {
  background-color: var(--color-magenta);
  border-color: var(--color-magenta);
}

body.theme-magenta .btn--primary:hover {
  background-color: var(--color-magenta-dark);
  border-color: var(--color-magenta-dark);
}

body.theme-magenta .hero {
  background: linear-gradient(135deg, var(--color-magenta) 0%, var(--color-magenta-dark) 100%);
}

body.theme-magenta .mobile-dropdown__register {
  background-color: var(--color-magenta);
}

body.theme-magenta .mobile-dropdown__register:hover {
  background-color: var(--color-magenta-dark);
}

body.theme-magenta .menu-icon,
body.theme-magenta .menu-icon::before,
body.theme-magenta .menu-icon::after {
  background-color: var(--color-magenta);
}

body.theme-magenta .logo-icon {
  filter: brightness(0) saturate(100%) invert(26%) sepia(87%) saturate(2447%) hue-rotate(328deg) brightness(88%) contrast(94%);
}

/* Green Theme Enhancements */
body.theme-green {
  --header-theme-gradient: linear-gradient(to bottom, #f9fef5, #ffffff);
}

body.theme-green .header {
  background: rgba(249, 254, 245, 0.8);
  border-block-end-color: rgba(159, 211, 86, 0.5);
}

body.theme-green .nav-link:hover {
  background-color: rgba(139, 197, 63, 0.1);
}

body.theme-green .nav-link--active {
  color: var(--color-primary);
  background-color: rgba(139, 197, 63, 0.15);
}

body.theme-green .nav-link--active::after {
  background-color: var(--color-primary);
}

body.theme-green .mobile-dropdown__register {
  background-color: var(--color-primary);
}

body.theme-green .mobile-dropdown__register:hover {
  background-color: var(--color-primary-dark);
}

body.theme-green .menu-icon,
body.theme-green .menu-icon::before,
body.theme-green .menu-icon::after {
  background-color: var(--color-primary);
}

body.theme-green .logo-icon {
  filter: brightness(0) saturate(100%) invert(73%) sepia(15%) saturate(1612%) hue-rotate(37deg) brightness(93%) contrast(86%);
}

/* Smooth theme transitions */
body,
.header,
.header__title,
.nav-link,
.btn--primary,
.hero,
.mobile-dropdown__register,
.menu-icon,
.menu-icon::before,
.menu-icon::after {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.logo-icon {
  transition: filter 0.3s ease;
}