/* 961 Music Web Player — Themes / Skin System (Phase 9)
 *
 * "Modern" is the existing default theme (assets/css/style.css root) — no
 * override needed. The other three are applied via [data-theme="..."] on
 * <html>, set by assets/js/theme-switcher.js.
 *
 * The whole app is built on absolute px sizing (no rem), so Compact/Large
 * scale the entire layout uniformly via `zoom` rather than re-deriving every
 * padding/font-size by hand — the honest tradeoff is that `zoom` needs a
 * reasonably modern browser (all Chromium browsers, Safari 15.4+, Firefox
 * 126+); on anything older those two themes simply render at 100% (Modern
 * sizing) instead of scaling, everything still fully usable.
 */

/* ---------------- Classic — true to the original Winamp look ---------------- */
[data-theme="classic"] {
  --bg-0: #000000;
  --bg-1: #050505;
  --bg-2: #0b0b0b;
  --bg-3: #121212;
  --line: #2a2a2a;

  --text-0: #d8ffd8;
  --text-1: #8fdc8f;
  --text-2: #4f7a4f;

  --accent: #00ff41;
  --accent-dim: #00b82d;
  --accent-soft: rgba(0, 255, 65, 0.14);
  --accent-2: #ffb400;

  --radius-s: 2px;
  --radius-m: 3px;
  --radius-l: 4px;
}
[data-theme="classic"] body,
[data-theme="classic"] .app-bar__brand,
[data-theme="classic"] .np-meta__title,
[data-theme="classic"] .player-bar__title,
[data-theme="classic"] .track-card__title,
[data-theme="classic"] .eq-panel__title {
  font-family: "Courier New", ui-monospace, monospace;
  letter-spacing: .01em;
}
[data-theme="classic"] .track-card,
[data-theme="classic"] .playlist-card,
[data-theme="classic"] .chip,
[data-theme="classic"] .btn {
  border-radius: var(--radius-s);
}

/* ---------------- Compact — denser layout for power users ---------------- */
[data-theme="compact"] body {
  zoom: 0.82;
}

/* ---------------- Large — bigger text/touch targets ---------------- */
[data-theme="large"] body {
  zoom: 1.22;
}