/* Light Theme */
.light-theme {
    --primary-color: #6c63ff;
    --primary-dark: #5a52d6;
    --secondary-color: #ff6584;
    --success-color: #00c853;
    --warning-color: #ffc107;
    --danger-color: #ff4757;
    --dark-bg: #f5f5f5;
    --darker-bg: #ffffff;
    --card-bg: #ffffff;
    --text-primary: #1a1a1a;
    --text-secondary: #666666;
    --border-color: #e0e0e0;
    --hover-bg: #f0f0f0;
    --shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.light-theme body {
    background: var(--dark-bg);
    color: var(--text-primary);
}

.light-theme .navbar,
.light-theme .sidebar,
.light-theme .player-container {
    background: var(--darker-bg);
    border-color: var(--border-color);
}

.light-theme .song-card,
.light-theme .album-card,
.light-theme .artist-card,
.light-theme .stat-card {
    background: var(--card-bg);
    box-shadow: var(--shadow);
}

.light-theme .song-card:hover,
.light-theme .album-card:hover,
.light-theme .artist-card:hover {
    box-shadow: var(--shadow-lg);
}

.light-theme input,
.light-theme select,
.light-theme textarea {
    background: var(--card-bg);
    border-color: var(--border-color);
    color: var(--text-primary);
}

.light-theme .dropdown-menu {
    background: var(--card-bg);
    border-color: var(--border-color);
    box-shadow: var(--shadow-lg);
}

.light-theme .modal-content {
    background: var(--card-bg);
}

.light-theme .progress-bar {
    background: var(--border-color);
}