/* ─── Back to the Future — Hill Valley '85 ─── */
[data-theme='hill-valley-85'] {
  color-scheme: dark;
  --select-arrow: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ff8c00%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");

  /* ── Palette ── */
  --ctp-crust: #020106;
  --ctp-mantle: #07060f;
  --ctp-base: #0d0b18;
  --ctp-surface0: #151220;
  --ctp-surface1: #1e1a2c;
  --ctp-surface2: #272338;
  --ctp-overlay0: #3d3455;
  --ctp-overlay1: #5a4e70;
  --ctp-overlay2: #7a6e90;
  --ctp-text: #ede0c8;
  --ctp-subtext1: #c8b898;
  --ctp-subtext0: #a09070;
  /* BTTF palette: flame orange, DeLorean red, lightning blue, flux yellow */
  --ctp-mauve: #ff8c00;
  --ctp-lavender: #ffaa33;
  --ctp-red: #ff2200;
  --ctp-blue: #3d88ff;
  --ctp-sapphire: #1a5ccc;
  --ctp-sky: #66aaff;
  --ctp-teal: #00ccff;
  --ctp-green: #44dd00;
  --ctp-yellow: #ffe033;
  --ctp-peach: #ff6600;
  --ctp-pink: #ff44aa;
  --ctp-flamingo: #ff2266;
  --ctp-rosewater: #ffd0b0;
  --ctp-maroon: #cc1100;

  /* ── Semantic tokens ── */
  --bg-app: #0d0b18;
  --bg-sidebar: #08060f;
  --bg-card: #141120;
  --bg-hover: rgba(255, 140, 0, 0.12);
  --bg-player: #040209;
  --bg-glass: rgba(6, 4, 12, 0.96);
  --accent: #ff8c00;
  --accent-dim: rgba(255, 140, 0, 0.12);
  --accent-glow: rgba(255, 140, 0, 0.40);
  --volume-accent: #ff8c00;
  --text-primary: #ede0c8;
  --text-secondary: #c8b898;
  --text-muted: #b0a0c8;
  --border: rgba(255, 140, 0, 0.20);
  --border-subtle: rgba(255, 140, 0, 0.10);
  --positive: #44dd00;
  --warning: #ffe033;
  --danger: #ff2200;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;
}

/* ── App shell: Hill Valley night sky — orange fire & blue lightning ── */
[data-theme='hill-valley-85'] .app-shell {
  background:
    radial-gradient(ellipse at 15% 80%, rgba(255, 110, 0, 0.07) 0%, transparent 55%),
    radial-gradient(ellipse at 85% 15%, rgba(60, 130, 255, 0.06) 0%, transparent 50%),
    #0d0b18;
}

/* ── Sidebar: DeLorean stainless steel panels ── */
[data-theme='hill-valley-85'] .sidebar {
  background-color: #08060f;
  background-image: repeating-linear-gradient(90deg,
      rgba(255, 255, 255, 0.025) 0px, rgba(255, 255, 255, 0.025) 1px,
      transparent 1px, transparent 10px);
  border-right: 1px solid rgba(255, 140, 0, 0.22);
  box-shadow: inset -2px 0 8px rgba(255, 100, 0, 0.05), 2px 0 6px rgba(0, 0, 0, 0.40);
}

/* Nav links */
[data-theme='hill-valley-85'] .nav-link {
  color: #c8b898;
}

[data-theme='hill-valley-85'] .nav-link:hover {
  background: rgba(255, 140, 0, 0.10);
  color: #ede0c8;
}

[data-theme='hill-valley-85'] .nav-link.active {
  background: linear-gradient(90deg, rgba(255, 140, 0, 0.18) 0%, transparent 100%);
  color: #ff8c00;
  border-left: 2px solid #ff8c00;
  box-shadow: inset 4px 0 12px rgba(255, 140, 0, 0.10);
}

[data-theme='hill-valley-85'] .nav-link.active::before {
  background: #ff8c00;
  box-shadow: 0 0 8px rgba(255, 140, 0, 0.70);
}

[data-theme='hill-valley-85'] .nav-link.active svg {
  color: #ff8c00;
}

/* ── Player bar: DeLorean time circuit console ── */
[data-theme='hill-valley-85'] .player-bar {
  background: linear-gradient(180deg, #060410 0%, #030208 100%);
  border-top: 2px solid rgba(255, 140, 0, 0.45);
  box-shadow:
    inset 0 1px 0 rgba(255, 140, 0, 0.18),
    0 -6px 30px rgba(255, 100, 0, 0.12),
    0 -2px 60px rgba(60, 130, 255, 0.04);
}

/* Track name: DeLorean time circuit red LED display */
[data-theme='hill-valley-85'] .player-track-name {
  color: #ff2200;
  font-family: 'Courier New', 'Courier', monospace;
  text-shadow:
    0 0 8px rgba(255, 34, 0, 0.90),
    0 0 18px rgba(255, 34, 0, 0.50),
    0 0 30px rgba(255, 34, 0, 0.20);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 700;
}

/* Artist name: amber LED — second row of the time display */
[data-theme='hill-valley-85'] .player-track-artist {
  color: #ff8c00;
  font-family: 'Courier New', monospace;
  text-shadow: 0 0 8px rgba(255, 140, 0, 0.65);
  letter-spacing: 0.5px;
  opacity: 1;
}

/* Time readout: amber LCD */
[data-theme='hill-valley-85'] .player-time {
  color: #cc6a00;
  font-family: 'Courier New', monospace;
  text-shadow: 0 0 6px rgba(255, 140, 0, 0.40);
}

/* ── Transport buttons: illuminated 80s switches ── */
[data-theme='hill-valley-85'] .player-btn,
[data-theme='hill-valley-85'] .player-btn-primary {
  background: linear-gradient(180deg, #100d1c 0%, #0a0815 100%);
  color: #ff8c00;
  border: 1px solid rgba(255, 140, 0, 0.35);
  border-radius: 50%;
  box-shadow: inset 0 0 6px rgba(255, 100, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.50);
}

[data-theme='hill-valley-85'] .player-btn:hover,
[data-theme='hill-valley-85'] .player-btn-primary:hover {
  background: rgba(255, 140, 0, 0.12);
  border-color: #ff8c00;
  color: #ffaa33;
  box-shadow:
    0 0 14px rgba(255, 140, 0, 0.40),
    inset 0 0 8px rgba(255, 100, 0, 0.08);
}

/* ── Regular buttons: DeLorean console switches ── */
[data-theme='hill-valley-85'] .btn,
[data-theme='hill-valley-85'] .btn-surface,
[data-theme='hill-valley-85'] .btn-ghost {
  background: linear-gradient(180deg, #141120 0%, #0e0c1a 100%);
  color: #c8b898;
  border: 1px solid rgba(255, 140, 0, 0.28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 1px 3px rgba(0, 0, 0, 0.40);
  border-radius: 4px;
}

[data-theme='hill-valley-85'] .btn:hover,
[data-theme='hill-valley-85'] .btn-surface:hover,
[data-theme='hill-valley-85'] .btn-ghost:hover {
  background: rgba(255, 140, 0, 0.10);
  border-color: rgba(255, 140, 0, 0.60);
  color: #ede0c8;
  box-shadow: 0 0 10px rgba(255, 140, 0, 0.22), inset 0 0 6px rgba(255, 100, 0, 0.05);
}

/* ── Primary button: fire orange ── */
[data-theme='hill-valley-85'] .btn-primary {
  background: linear-gradient(180deg, #cc5500 0%, #993d00 100%);
  color: #ffffff;
  border: 1px solid #ff6600;
  box-shadow: 0 0 12px rgba(255, 140, 0, 0.30), inset 0 1px 0 rgba(255, 180, 0, 0.25);
  border-radius: 4px;
}

[data-theme='hill-valley-85'] .btn-primary:hover {
  background: linear-gradient(180deg, #e86000 0%, #b04800 100%);
  box-shadow: 0 0 18px rgba(255, 140, 0, 0.50), inset 0 1px 0 rgba(255, 200, 0, 0.25);
}

/* ── Hero / album-card buttons ── */
[data-theme='hill-valley-85'] .hero-play-btn,
[data-theme='hill-valley-85'] .album-card-details-btn {
  background: rgba(255, 140, 0, 0.10);
  color: #ff8c00;
  border: 1px solid rgba(255, 140, 0, 0.35);
  box-shadow: inset 0 1px 0 rgba(255, 180, 0, 0.08);
}

[data-theme='hill-valley-85'] .hero-play-btn:hover,
[data-theme='hill-valley-85'] .album-card-details-btn:hover {
  background: rgba(255, 140, 0, 0.18);
  border-color: #ff8c00;
  box-shadow: 0 0 12px rgba(255, 140, 0, 0.35);
}

/* ── Queue toolbar round buttons ── */
[data-theme='hill-valley-85'] .queue-round-btn {
  background: linear-gradient(180deg, #141120 0%, #0e0c1a 100%);
  color: #a09070;
  border: 1px solid rgba(255, 140, 0, 0.22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

[data-theme='hill-valley-85'] .queue-round-btn:hover:not(:disabled):not(.active) {
  background: rgba(255, 140, 0, 0.10);
  border-color: rgba(255, 140, 0, 0.55);
  color: #ff8c00;
  box-shadow: 0 0 10px rgba(255, 140, 0, 0.22);
}

[data-theme='hill-valley-85'] .queue-round-btn.active {
  background: rgba(255, 140, 0, 0.18);
  border-color: #ff8c00;
  color: #ff8c00;
  box-shadow: 0 0 12px rgba(255, 140, 0, 0.40), inset 0 0 6px rgba(255, 100, 0, 0.08);
}

/* ── Cards: dark interior panels ── */
[data-theme='hill-valley-85'] .card {
  background: #141120;
  border: 1px solid rgba(255, 140, 0, 0.14);
  box-shadow: inset 0 0 20px rgba(255, 100, 0, 0.03), 0 2px 8px rgba(0, 0, 0, 0.40);
}

/* ── Content header: console panel strip ── */
[data-theme='hill-valley-85'] .content-header {
  background: linear-gradient(180deg, #100d1c 0%, #0d0b18 100%);
  border-bottom: 1px solid rgba(255, 140, 0, 0.22);
  box-shadow: 0 2px 12px rgba(255, 100, 0, 0.05);
}

/* ── Theme accordion ── */
[data-theme='hill-valley-85'] .theme-accordion-header:hover {
  background: rgba(255, 140, 0, 0.10);
  color: #ff8c00;
}

[data-theme='hill-valley-85'] .theme-accordion-open .theme-accordion-header {
  background: rgba(255, 140, 0, 0.12);
  color: #ff8c00;
}

[data-theme='hill-valley-85'] .theme-accordion-open .theme-accordion-chevron {
  color: #ff8c00;
}

/* ── Progress bar: speedometer reaching 88 mph ── */
[data-theme='hill-valley-85'] .progress-bar-track {
  background: #0a0815;
  border: 1px solid rgba(255, 140, 0, 0.20);
  border-radius: 2px;
}

[data-theme='hill-valley-85'] .progress-bar-fill {
  background: linear-gradient(90deg, #993d00 0%, #cc5500 40%, #ff8c00 80%, #ffaa33 100%);
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(255, 140, 0, 0.55), 0 0 3px rgba(255, 200, 0, 0.40);
}

/* ── Scrollbar: fire trail minimal ── */
[data-theme='hill-valley-85'] ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

[data-theme='hill-valley-85'] ::-webkit-scrollbar-track {
  background: #07060e;
}

[data-theme='hill-valley-85'] ::-webkit-scrollbar-thumb {
  background: rgba(255, 140, 0, 0.28);
  border: 1px solid rgba(255, 140, 0, 0.18);
  border-radius: 3px;
}

[data-theme='hill-valley-85'] ::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 140, 0, 0.55);
  box-shadow: 0 0 6px rgba(255, 140, 0, 0.40);
}

/* ── Glass / dropdowns: dark DeLorean interior ── */
[data-theme='hill-valley-85'] .glass {
  background: rgba(6, 4, 12, 0.97) !important;
  backdrop-filter: none !important;
  border: 1px solid rgba(255, 140, 0, 0.28) !important;
  box-shadow:
    0 0 20px rgba(255, 100, 0, 0.08),
    inset 0 0 16px rgba(255, 100, 0, 0.02) !important;
  border-radius: 4px !important;
}

[data-theme='hill-valley-85'] .glass [style*="var(--bg-hover)"] {
  background: rgba(255, 140, 0, 0.10) !important;
  border-radius: 2px !important;
}

[data-theme='hill-valley-85'] .glass [style*="var(--text-primary)"] {
  color: #ede0c8 !important;
}

[data-theme='hill-valley-85'] .glass [style*="var(--text-secondary)"] {
  color: #c8b898 !important;
}

[data-theme='hill-valley-85'] .glass [style*="var(--text-muted)"] {
  color: #5a4e70 !important;
}

/* ── Hover / selection: fire orange glow ── */
[data-theme='hill-valley-85'] .queue-tab-btn:hover {
  background: rgba(255, 140, 0, 0.10);
  color: #ff8c00;
}

[data-theme='hill-valley-85'] .settings-tab:hover {
  background: rgba(255, 140, 0, 0.10);
  color: #ff8c00;
}

[data-theme='hill-valley-85'] .settings-tab.active {
  background: rgba(255, 140, 0, 0.15);
  color: #ff8c00;
  box-shadow: inset 2px 0 0 #ff8c00;
}

[data-theme='hill-valley-85'] .custom-select-trigger:hover {
  background: rgba(255, 140, 0, 0.10);
}

[data-theme='hill-valley-85'] .custom-select-option:hover {
  background: rgba(255, 140, 0, 0.14) !important;
  color: #ffaa33 !important;
}

[data-theme='hill-valley-85'] .artist-ext-link:hover {
  background: rgba(255, 140, 0, 0.10);
  color: #ff8c00 !important;
  border-color: rgba(255, 140, 0, 0.50) !important;
}

[data-theme='hill-valley-85'] .np-action-btn:hover {
  background: rgba(255, 140, 0, 0.10);
}

[data-theme='hill-valley-85'] .np-queue-item:hover,
[data-theme='hill-valley-85'] .np-queue-item.context-active {
  background: rgba(255, 140, 0, 0.12);
  box-shadow: inset 2px 0 0 #ff8c00;
}

[data-theme='hill-valley-85'] .track-row:hover,
[data-theme='hill-valley-85'] .track-row.context-active {
  background: rgba(255, 140, 0, 0.08) !important;
  box-shadow: inset 2px 0 0 #ff8c00;
}

[data-theme='hill-valley-85'] .artist-row:hover {
  background: rgba(255, 140, 0, 0.08);
  box-shadow: inset 2px 0 0 #ff8c00;
}

[data-theme='hill-valley-85'] .playlist-row:hover {
  background: rgba(255, 140, 0, 0.08);
  box-shadow: inset 2px 0 0 #ff8c00;
}

[data-theme='hill-valley-85'] .queue-item:hover,
[data-theme='hill-valley-85'] .queue-item.context-active {
  background: rgba(255, 140, 0, 0.10) !important;
  box-shadow: inset 2px 0 0 #ff8c00;
}

[data-theme='hill-valley-85'] .queue-item:hover .queue-item-title,
[data-theme='hill-valley-85'] .queue-item:hover .queue-item-artist,
[data-theme='hill-valley-85'] .queue-item:hover .queue-item-duration,
[data-theme='hill-valley-85'] .queue-item.context-active .queue-item-title,
[data-theme='hill-valley-85'] .queue-item.context-active .queue-item-artist,
[data-theme='hill-valley-85'] .queue-item.context-active .queue-item-duration {
  color: #ff8c00;
}

/* ── Active queue item: glowing orange ── */
[data-theme='hill-valley-85'] .queue-item.active {
  background: rgba(255, 140, 0, 0.08);
  box-shadow: inset 2px 0 0 #ff8c00;
}

[data-theme='hill-valley-85'] .np-queue-item-active {
  color: #ff8c00;
  text-shadow: 0 0 8px rgba(255, 140, 0, 0.55);
}

[data-theme='hill-valley-85'] .np-queue-item.active {
  background: rgba(255, 140, 0, 0.08);
}

[data-theme='hill-valley-85'] .np-album-track.active .np-album-track-title,
[data-theme='hill-valley-85'] .np-album-track.active .np-album-track-num {
  color: #ff8c00;
  text-shadow: 0 0 8px rgba(255, 140, 0, 0.50);
}

[data-theme='turtle-power'] {
  color-scheme: dark;
  --select-arrow: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2333cc33%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");

  --ctp-crust: #0a0a0a;
  --ctp-mantle: #121212;
  --ctp-base: #1a1a1a;
  --ctp-surface0: #2a2a2a;
  --ctp-surface1: #353535;
  --ctp-surface2: #404040;
  --ctp-overlay0: #556655;
  --ctp-overlay1: #778877;
  --ctp-overlay2: #99aa99;
  --ctp-text: #e0e0e0;
  --ctp-subtext1: #a0b0a0;
  --ctp-subtext0: #809080;

  --ctp-mauve: #33cc33;
  --ctp-lavender: #44ee44;
  --ctp-red: #ff0000;
  --ctp-blue: #00aaff;
  --ctp-peach: #ff8c00;
  --ctp-yellow: #ffcc00;
  --ctp-maroon: #a020f0;
  --ctp-green: #33cc33;
  --ctp-teal: #44ee44;
  --ctp-sky: #00aaff;
  --ctp-sapphire: #0077cc;
  --ctp-pink: #ff66aa;
  --ctp-flamingo: #ff4488;
  --ctp-rosewater: #ffaacc;

  --bg-app: #1a1a1a;
  --bg-sidebar: #121212;
  --bg-card: #242424;
  --bg-hover: rgba(51, 204, 51, 0.1);
  --bg-player: #0a0a0a;
  --bg-glass: rgba(10, 10, 10, 0.85);

  --accent: #33cc33;
  --accent-dim: rgba(51, 204, 51, 0.15);
  --accent-glow: rgba(51, 204, 51, 0.4);
  --volume-accent: #33cc33;

  --text-primary: #e0e0e0;
  --text-secondary: #a0b0a0;
  --text-muted: #667766;
  --border: #333333;
  --border-subtle: #222222;

  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
}

[data-theme='turtle-power'] .sidebar {
  background-image:
    linear-gradient(335deg, #161616 5px, transparent 5px),
    linear-gradient(155deg, #161616 5px, transparent 5px),
    linear-gradient(335deg, #161616 5px, transparent 5px),
    linear-gradient(155deg, #161616 5px, transparent 5px);
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px, 10px 10px, 0 0;
  border-right: 2px solid #222;
}

[data-theme='turtle-power'] .player-bar {
  background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
  border-top: 2px solid #333;
  box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.5);
}

[data-theme='turtle-power'] .player-track-name {
  color: #44ee44;
  text-shadow: 0 0 8px rgba(68, 238, 68, 0.6);
  font-weight: bold;
}

[data-theme='turtle-power'] .btn-primary,
[data-theme='turtle-power'] .player-btn-primary {
  background: linear-gradient(145deg, #33cc33, #28a428);
  border: 1px solid #1e7a1e;
  box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.3), 2px 2px 5px rgba(0, 0, 0, 0.5);
  color: #000 !important;
}

[data-theme='turtle-power'] .nav-link.active {
  background: var(--accent-dim);
  border-left: 4px solid var(--accent);
  color: var(--accent) !important;
  text-shadow: 0 0 5px rgba(51, 204, 51, 0.3);
}

[data-theme='turtle-power'] .queue-item.active {
  border-left: 3px solid var(--accent);
  background: rgba(51, 204, 51, 0.05);
}

/* ── W3.1 (Operating Systems) ───────────────────────────────── */
[data-theme='w3-1'] {
  color-scheme: light;
  --select-arrow: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");

  /* ── Authentische W3.1 Palette ── */
  --ctp-crust: #808080;
  --ctp-mantle: #a0a0a0;
  --ctp-base: #c0c0c0;
  /* Reines W3.1 Grau */
  --ctp-surface0: #ffffff;
  --ctp-surface1: #e0e0e0;
  --ctp-surface2: #c0c0c0;
  --ctp-overlay0: #808080;
  --ctp-overlay1: #404040;
  --ctp-overlay2: #000000;
  --ctp-text: #000000;
  --ctp-subtext1: #000000;
  --ctp-subtext0: #000000;

  --ctp-mauve: #000080;
  --ctp-lavender: #0000a0;
  --ctp-green: #008000;
  --ctp-teal: #008080;
  --ctp-sky: #0000ff;
  --ctp-blue: #000080;
  --ctp-sapphire: #000080;
  --ctp-pink: #ff00ff;
  --ctp-flamingo: #ff00ff;
  --ctp-rosewater: #ffffff;
  --ctp-yellow: #ffff00;
  --ctp-peach: #ff8000;
  --ctp-maroon: #800000;
  --ctp-red: #ff0000;

  --bg-app: #008080;
  /* Teal Desktop */
  --bg-sidebar: #c0c0c0;
  --bg-card: #ffffff;
  --bg-hover: #000080;
  --bg-player: #c0c0c0;
  --bg-glass: #c0c0c0;

  --accent: #000080;
  --accent-dim: rgba(0, 0, 128, 0.12);
  --accent-glow: transparent;
  --volume-accent: #000080;

  --text-primary: #000000;
  --text-secondary: #000000;
  --text-muted: #000000;

  --border: #000000;
  --border-subtle: #808080;
  --border-dropdown: #000000;
  --shadow-dropdown: rgba(0, 0, 0, 0.4);

  --positive: #008000;
  --warning: #808000;
  --danger: #ff0000;

  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-xl: 0px;
  --radius-full: 0px;
}

/* Teal Desktop */
[data-theme='w3-1'] .app-shell {
  background: #008080;
}

/* ── W3.1 Bevel (2-Layer, schlichter als W98) ── */
[data-theme='w3-1'] .sidebar,
[data-theme='w3-1'] .player-bar,
[data-theme='w3-1'] .card {
  background: #c0c0c0;
  border: 2px solid #000000;
  box-shadow:
    inset 1px 1px #ffffff,
    inset -1px -1px #808080;
}

[data-theme='w3-1'] .sidebar {
  border-right: 2px solid #000000;
}

/* Titelbalken-Stil: solides Navy — der Kern-Unterschied zu W98 */
[data-theme='w3-1'] .player-bar {
  border-top: 2px solid #000000;
}

[data-theme='w3-1'] .player-track-name {
  background: #000080;
  color: #ffffff !important;
  padding: 2px 6px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.03em;
}

[data-theme='w3-1'] .player-track-artist,
[data-theme='w3-1'] .player-time {
  color: #000000 !important;
}

/* Nav */
[data-theme='w3-1'] .nav-link.active {
  background: #000080 !important;
  color: #ffffff !important;
}

[data-theme='w3-1'] .nav-link.active svg {
  color: #ffffff !important;
}

[data-theme='w3-1'] .nav-link:hover:not(.active) {
  background: #000080 !important;
  color: #ffffff !important;
}

[data-theme='w3-1'] .nav-link:hover:not(.active) svg {
  color: #ffffff !important;
}

/* Accordion (Settings Theme Picker) */
[data-theme='w3-1'] .nav-section-label {
  color: #000000 !important;
}

[data-theme='w3-1'] .theme-accordion-header:hover {
  background: #000080;
  color: #ffffff;
}

[data-theme='w3-1'] .theme-accordion-open .theme-accordion-header {
  background: #000080;
  color: #ffffff;
}

[data-theme='w3-1'] .theme-accordion-open .theme-accordion-chevron {
  color: #ffffff;
}

/* Alle Buttons: W3.1 Bevel (einfach, ohne doppelte Inset-Schicht) */
[data-theme='w3-1'] .btn,
[data-theme='w3-1'] .btn-primary,
[data-theme='w3-1'] .btn-surface,
[data-theme='w3-1'] .btn-ghost,
[data-theme='w3-1'] .hero-play-btn,
[data-theme='w3-1'] .queue-round-btn,
[data-theme='w3-1'] .player-btn,
[data-theme='w3-1'] .album-card-details-btn {
  background: #c0c0c0 !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
  border-radius: 0 !important;
  box-shadow: inset 1px 1px #ffffff, inset -1px -1px #808080 !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

/* Gedrückt */
[data-theme='w3-1'] .btn:active,
[data-theme='w3-1'] .btn-primary:active,
[data-theme='w3-1'] .btn-surface:active,
[data-theme='w3-1'] .btn-ghost:active,
[data-theme='w3-1'] .hero-play-btn:active,
[data-theme='w3-1'] .queue-round-btn:active,
[data-theme='w3-1'] .player-btn:active,
[data-theme='w3-1'] .album-card-details-btn:active {
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080 !important;
}

/* Hover */
[data-theme='w3-1'] .btn:hover,
[data-theme='w3-1'] .btn-primary:hover,
[data-theme='w3-1'] .btn-surface:hover,
[data-theme='w3-1'] .btn-ghost:hover,
[data-theme='w3-1'] .hero-play-btn:hover,
[data-theme='w3-1'] .album-card-details-btn:hover {
  background: #d0d0d0 !important;
  color: #000000 !important;
}

/* Aktive Queue-Buttons */
[data-theme='w3-1'] .queue-round-btn.active {
  background: #000080 !important;
  color: #ffffff !important;
  box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080 !important;
}

[data-theme='w3-1'] .queue-round-btn:hover:not(:disabled):not(.active) {
  background: #d0d0d0 !important;
  color: #000000 !important;
}

/* Progress Bar */
[data-theme='w3-1'] .progress-bar-track {
  background: #ffffff;
  box-shadow: inset 1px 1px #808080, inset -1px -1px #ffffff;
  border-radius: 0;
}

[data-theme='w3-1'] .progress-bar-fill {
  background: #000080;
  border-radius: 0;
  box-shadow: none;
}

/* Scrollbar */
[data-theme='w3-1'] ::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

[data-theme='w3-1'] ::-webkit-scrollbar-track {
  background: #c0c0c0;
}

[data-theme='w3-1'] ::-webkit-scrollbar-thumb {
  background: #c0c0c0;
  border: 1px solid #000000;
  box-shadow: inset 1px 1px #ffffff, inset -1px -1px #808080;
}

/* Cards */
[data-theme='w3-1'] .card {
  background: #ffffff;
  border: 2px solid #000000;
  box-shadow: inset 1px 1px #ffffff, inset -1px -1px #808080;
}

/* Glass (Live Dropdown etc.) */
[data-theme='w3-1'] .glass {
  background: #c0c0c0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 2px solid #000000;
  box-shadow: inset 1px 1px #ffffff, inset -1px -1px #808080;
  color: #000000;
}

[data-theme='w3-1'] .glass [style*="var(--bg-hover)"] {
  background: #d8d8d8 !important;
  border: 1px solid #808080;
  border-radius: 0 !important;
}

[data-theme='w3-1'] .glass [style*="var(--text-primary)"],
[data-theme='w3-1'] .glass [style*="var(--text-secondary)"],
[data-theme='w3-1'] .glass [style*="var(--text-muted)"] {
  color: #000000 !important;
}

/* Universelle Hover-Zustände → navy + weiß */
[data-theme='w3-1'] .queue-tab-btn:hover {
  background: #d0d0d0;
  color: #000000;
}

[data-theme='w3-1'] .settings-tab:hover {
  background: #000080;
  color: #ffffff;
}

[data-theme='w3-1'] .custom-select-trigger:hover {
  background: #000080;
  color: #ffffff;
}

[data-theme='w3-1'] .custom-select-option:hover {
  background: #000080 !important;
  color: #ffffff !important;
}

[data-theme='w3-1'] .artist-ext-link:hover {
  background: #000080;
  color: #ffffff !important;
}

[data-theme='w3-1'] .np-action-btn:hover {
  background: #000080;
  color: #ffffff;
}

[data-theme='w3-1'] .np-queue-item:hover,
[data-theme='w3-1'] .np-queue-item.context-active {
  background: #000080;
  color: #ffffff;
}

[data-theme='w3-1'] .track-row:hover,
[data-theme='w3-1'] .track-row.context-active {
  background: #000080 !important;
}

[data-theme='w3-1'] .track-row:hover *,
[data-theme='w3-1'] .track-row.context-active * {
  color: #ffffff !important;
}

[data-theme='w3-1'] .artist-row:hover {
  background: #000080;
  color: #ffffff;
}

[data-theme='w3-1'] .playlist-row:hover {
  background: #000080;
}

[data-theme='w3-1'] .playlist-row:hover,
[data-theme='w3-1'] .playlist-row:hover * {
  color: #ffffff;
}

[data-theme='w3-1'] .queue-item:hover,
[data-theme='w3-1'] .queue-item.context-active {
  background: #000080 !important;
}

[data-theme='w3-1'] .queue-item:hover .queue-item-title,
[data-theme='w3-1'] .queue-item:hover .queue-item-artist,
[data-theme='w3-1'] .queue-item:hover .queue-item-duration,
[data-theme='w3-1'] .queue-item.context-active .queue-item-title,
[data-theme='w3-1'] .queue-item.context-active .queue-item-artist,
[data-theme='w3-1'] .queue-item.context-active .queue-item-duration {
  color: #ffffff;
}

[data-theme='w3-1'] .player-btn:hover {
  background: #000080;
  color: #ffffff;
}

[data-theme='w3-1'] .player-btn-primary {
  background: #c0c0c0 !important;
  color: #000000 !important;
}

[data-theme='w3-1'] .player-btn-primary:hover {
  background: #000080 !important;
  color: #ffffff !important;
}

[data-theme='w3-1'] .search-result-item:hover,
[data-theme='w3-1'] .search-result-item.active {
  background: #000080;
}

[data-theme='w3-1'] .search-result-item:hover .search-result-name,
[data-theme='w3-1'] .search-result-item:hover .search-result-sub,
[data-theme='w3-1'] .search-result-item.active .search-result-name,
[data-theme='w3-1'] .search-result-item.active .search-result-sub {
  color: #ffffff;
}

[data-theme='w3-1'] .np-title {
  color: #000080 !important;
}

[data-theme='w3-1'] .changelog-code {
  background: #ffffff;
  color: #000080;
  border: 1px solid #808080;
}

[data-theme='w3-1'] .keybind-badge {
  background: #c0c0c0 !important;
  color: #000000 !important;
  border: 1px solid #808080 !important;
}

[data-theme='w3-1'] .genre-keyword-badge {
  background: #c0c0c0 !important;
  color: #000000 !important;
  border: 1px solid #808080 !important;
}

[data-theme='w3-1'] .eq-ctrl-btn {
  background: #c0c0c0;
  color: #000000;
  border: 1px solid #808080;
  box-shadow: inset 1px 1px #ffffff, inset -1px -1px #808080;
}

[data-theme='w3-1'] .eq-ctrl-btn:hover {
  background: #000080;
  color: #ffffff;
}

[data-theme='w3-1'] .toggle-track::before {
  background: #c0c0c0;
  border: 1px solid #808080;
}

[data-theme='w3-1'] .hero-eyebrow {
  color: rgba(255, 255, 255, 0.9);
}

[data-theme='w3-1'] .hero-meta .badge {
  background: rgba(255, 255, 255, 0.15);
}

[data-theme='w3-1'] .connection-type,
[data-theme='w3-1'] .connection-server {
  color: #000000;
}

[data-theme='w3-1'] .collapse-btn {
  border-color: #808080 !important;
}

[data-theme='w3-1'] .collapse-btn:hover {
  background: #000080 !important;
  color: #ffffff !important;
}

[data-theme='w3-1'] .album-row-nav .nav-btn:hover:not(.disabled) {
  background: #000080;
  color: #ffffff;
}

[data-theme='w3-1'] .help-question:hover {
  color: #000080;
}

[data-theme='w3-1'] .help-item-open .help-question {
  color: #000080;
  font-weight: bold;
}

[data-theme='w3-1'] .year-toggle:hover {
  color: #000080;
}

