/* Colours only. Layout stays in host.css and playlist.css. */
:root,
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #100e0c;
  --ink: #f4ecdf;
  --muted: #c9b8a2;
  --amber: #f0b429;
  --amber-ink: #2a1c04;
  --accent: #f0b429;
  --line: rgba(244, 236, 223, 0.14);
  --panel: rgba(16, 14, 12, 0.55);
  --dialog: #1a1612;
  --slot: rgba(20, 16, 12, 0.55);
  --player: linear-gradient(180deg, rgba(255, 248, 236, 0.04), rgba(255, 248, 236, 0.02));
  --glow: rgba(240, 180, 41, 0.16);
  --live: #ffb4a8;
  --cover: #16130f;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f7f1e7;
  --ink: #1c1612;
  --muted: #51473d;
  --amber: #f0b429;
  --amber-ink: #2a1c04;
  --accent: #8a5a00;
  --line: #8a7b68;
  --panel: #fffbf6;
  --dialog: #fffbf6;
  --slot: #fffbf6;
  --player: #fffbf6;
  --glow: rgba(240, 180, 41, 0.22);
  --live: #8e3b2c;
  --cover: #e6dccb;
}