/**
 * SunMoon Theme - Dark Variant
 * Deep dark theme with purple/blue accents
 */

:root {
  /* Primary Colors */
  --primary: #8b5cf6;
  --primary-hover: #7c3aed;
  --primary-light: rgba(139, 92, 246, 0.15);
  
  /* Accent Colors */
  --accent: #ec4899;
  --accent-hover: #db2777;
  
  /* Background Colors - Deep dark */
  --bg-primary: #0a0a0f;
  --bg-secondary: #111118;
  --bg-tertiary: #1a1a24;
  --bg-card: #15151f;
  --bg-card-hover: #1f1f2f;
  
  /* Text Colors */
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  
  /* Border & Shadow */
  --border-color: rgba(139, 92, 246, 0.2);
  --shadow-glow: 0 0 30px rgba(139, 92, 246, 0.2);
}

/* Additional dark theme overrides */
#header {
  background: linear-gradient(180deg, var(--bg-secondary) 0%, transparentize(var(--bg-secondary), 0.1) 100%);
  backdrop-filter: blur(20px);
}

#sidebar {
  background: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);
}

#rightbar {
  background: var(--bg-secondary);
  background: linear-gradient(180deg, var(--bg-card) 0%, var(--bg-secondary) 100%);
}

.album-card,
.artist-card,
.playlist-card,
.item-card,
.info-box,
.admin-section {
  background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-tertiary) 100%);
}

.album-card:hover,
.artist-card:hover,
.playlist-card:hover,
.item-card:hover {
  box-shadow: var(--shadow-glow);
}