/* ============================================
   DARK THEME
   Default premium dark aesthetic
   ============================================ */

body.dark-theme,
body:not(.light-theme) {
  /* Most variables already set as defaults in variables.css */
  /* This file can contain dark-specific overrides */
  
  /* Enhanced atmospheric effects for dark mode */
  --noise-opacity: 0.03;
  
  /* Slightly stronger shadows in dark mode */
  --shadow-md: 0 8px 16px rgba(0, 0, 0, 0.6), 0 4px 8px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 16px 32px rgba(0, 0, 0, 0.7), 0 8px 16px rgba(0, 0, 0, 0.6);
  --shadow-xl: 0 24px 48px rgba(0, 0, 0, 0.8), 0 12px 24px rgba(0, 0, 0, 0.7);
}

/* Dark theme specific enhancements */
body.dark-theme .hero,
body:not(.light-theme) .hero {
  /* Stronger gradient in hero for dark mode */
  background: linear-gradient(180deg, var(--bg-primary) 0%, rgba(20, 20, 20, 0.9) 100%);
}

body.dark-theme .cta-section,
body:not(.light-theme) .cta-section {
  /* More dramatic CTA section in dark mode */
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);
}

/* Glow effects more pronounced in dark mode */
body.dark-theme .style-card:hover .style-icon,
body:not(.light-theme) .style-card:hover .style-icon {
  box-shadow: var(--shadow-glow);
}

body.dark-theme .artist-card:hover .artist-image,
body:not(.light-theme) .artist-card:hover .artist-image {
  box-shadow: var(--shadow-glow);
}