:root:has(body.orange-theme) {
    --bg: #0d0b09;
    --text: #fff8f1;
    --text-secondary: #d6bda9;
    --text-muted: #8d7666;
    --accent: #f47b32;
    --hero-glow: #f47b32;
    background: #0d0b09;
}

body.orange-theme {
    --bg: #0d0b09;
    --text: #fff8f1;
    --text-secondary: #d6bda9;
    --text-muted: #8d7666;
    --accent: #f47b32;
    --hero-glow: #f47b32;
    background:
        radial-gradient(circle at 50% -8%, rgba(244, 123, 50, 0.17), transparent 32rem),
        radial-gradient(circle at 92% 45%, rgba(255, 177, 71, 0.07), transparent 34rem),
        linear-gradient(160deg, #0b0908 0%, #12100e 45%, #0c0d10 100%);
}

.orange-theme .bg-orbs span:nth-child(1) { background: #f47b32; opacity: 0.15; }
.orange-theme .bg-orbs span:nth-child(2) { background: #8c3f17; opacity: 0.11; }
.orange-theme .bg-orbs span:nth-child(3) { background: #ffb147; opacity: 0.08; }
.orange-theme #bgCanvas { opacity: 0.12; filter: sepia(1) saturate(1.4) hue-rotate(332deg); }
.orange-theme .container::before {
    background: radial-gradient(ellipse at center, rgba(244, 123, 50, 0.2) 0%, transparent 70%);
}

.orange-theme .site-nav {
    border-color: rgba(244, 123, 50, 0.16);
    background: rgba(15, 11, 9, 0.78);
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28), inset 0 1px rgba(255, 177, 71, 0.03);
}
.orange-theme .site-nav a:hover { background: rgba(244, 123, 50, 0.09); }
.orange-theme .site-nav a[aria-current="page"] {
    color: #fff8f1;
    background: linear-gradient(135deg, rgba(244, 123, 50, 0.34), rgba(185, 73, 19, 0.18));
    box-shadow: inset 0 0 0 1px rgba(255, 177, 71, 0.34), 0 8px 22px rgba(114, 44, 12, 0.2);
}

.orange-theme .header {
    border-color: rgba(244, 123, 50, 0.16);
    background:
        radial-gradient(circle at 50% 0%, rgba(244, 123, 50, 0.16), transparent 68%),
        rgba(255, 255, 255, 0.025);
    box-shadow: inset 0 1px rgba(255, 177, 71, 0.05), 0 20px 50px rgba(0, 0, 0, 0.18);
}
.orange-theme .header-icon img {
    filter: drop-shadow(0 12px 28px rgba(244, 123, 50, 0.22));
}

.orange-theme .search-input {
    border-color: rgba(244, 123, 50, 0.15);
    background: rgba(34, 24, 18, 0.68);
}
.orange-theme .search-input:focus {
    border-color: rgba(244, 123, 50, 0.7);
    background: rgba(43, 28, 19, 0.8);
    box-shadow: 0 0 0 3px rgba(244, 123, 50, 0.1);
}
.orange-theme .search-icon { fill: #c48a64; }

.orange-theme .song-card {
    border-color: rgba(255, 177, 71, 0.105);
    background: linear-gradient(110deg, rgba(35, 27, 22, 0.82), rgba(25, 23, 22, 0.82));
    box-shadow: inset 0 1px rgba(255, 194, 133, 0.055), 0 8px 22px rgba(0, 0, 0, 0.12);
}
.orange-theme .song-card:hover,
.orange-theme .song-card:focus-visible {
    border-color: rgba(244, 123, 50, 0.5);
    background: linear-gradient(110deg, rgba(57, 34, 22, 0.92), rgba(33, 27, 23, 0.92));
    box-shadow: inset 3px 0 #f47b32, 0 14px 34px rgba(0, 0, 0, 0.22);
}
.orange-theme .song-number { color: #a98770; }
.orange-theme .song-play-btn { border: 1px solid rgba(244, 123, 50, 0.14); background: rgba(244, 123, 50, 0.1); }
.orange-theme .song-card:hover .song-play-btn { background: #f47b32; }
.orange-theme .song-card:hover .song-play-btn svg { fill: #160c06; }
.orange-theme .song-card.now-playing {
    border-color: rgba(244, 123, 50, 0.58);
    background: linear-gradient(110deg, rgba(80, 38, 16, 0.64), rgba(35, 25, 20, 0.86));
}

.orange-theme .section-divider,
.orange-theme .section-link {
    border-color: rgba(244, 123, 50, 0.34);
    background: linear-gradient(135deg, rgba(244, 123, 50, 0.2), rgba(255, 177, 71, 0.055));
}
.orange-theme .section-divider-icon,
.orange-theme .section-link-icon {
    background: linear-gradient(135deg, #f47b32, #ffb147);
    box-shadow: 0 5px 18px rgba(244, 123, 50, 0.3);
}

.orange-theme .modal-overlay { background: rgba(8, 5, 3, 0.76); }
.orange-theme .modal,
.orange-theme .modal-overlay.video-active .modal {
    border-top-color: rgba(244, 123, 50, 0.34);
    background: linear-gradient(180deg, rgba(45, 25, 15, 0.96), rgba(20, 15, 12, 0.98) 46%, rgba(12, 11, 10, 0.99));
    box-shadow: 0 -16px 90px rgba(92, 34, 8, 0.32);
}
.orange-theme .modal-handle { background: rgba(244, 123, 50, 0.55); }
.orange-theme .progress-fill,
.orange-theme .mini-player-top-progress-fill,
.orange-theme .mini-player-progress-fill { background: #f47b32; }
.orange-theme .progress-fill::after { background: #ffb147; box-shadow: 0 0 14px rgba(244, 123, 50, 0.58); }
.orange-theme .ctrl-play { background: #f47b32; color: #160c06; box-shadow: 0 6px 26px rgba(244, 123, 50, 0.32); }
.orange-theme .volume-slider { accent-color: #f47b32; }
.orange-theme .volume-slider::-webkit-slider-thumb { background: #f47b32; }
.orange-theme .volume-slider::-moz-range-thumb { background: #f47b32; }
.orange-theme .action-btn:hover { border-color: rgba(244, 123, 50, 0.4); background: rgba(244, 123, 50, 0.1); color: #ffb147; }

.orange-theme .lyrics-container {
    border-color: rgba(244, 123, 50, 0.16);
    background: rgba(12, 8, 6, 0.44);
}
.orange-theme .lyrics-word.singing {
    color: #ff9a50;
    text-shadow: 0 0 18px rgba(244, 123, 50, 0.8), 0 0 42px rgba(244, 123, 50, 0.34);
}
.orange-theme .lyrics-word.sung { color: #fff8f1; }
.orange-theme .lyrics-toggle.active { color: #f47b32; }

.orange-theme .mini-player {
    border-top-color: rgba(244, 123, 50, 0.3);
    background: rgba(19, 13, 10, 0.9);
    box-shadow: 0 -14px 48px rgba(0, 0, 0, 0.34);
}
.orange-theme .mini-player-btn { background: #f47b32; color: #160c06; }
.orange-theme .sleep-badge {
    border-color: rgba(244, 123, 50, 0.4);
    background: rgba(244, 123, 50, 0.14);
}

.orange-theme :where(a, button, input, select, textarea, [role="button"], [role="slider"]):focus-visible {
    outline-color: #ff9a50 !important;
}

@media (prefers-reduced-motion: reduce) {
    .orange-theme .bg-orbs { display: none; }
}