/* Player colours, chosen by the user (22 Oct 2026): white and purple in the
   day theme, the Parts & sound panel's soft black and purple in the evening
   theme. The printed music stays white in both. These rules re-point the
   theme variables the player already uses, and win over the shared brand
   theme (which keeps the player navy) by specificity, so that file is left
   alone. */
:root:not([data-theme='dark']) .player {
  --primary: #6E63D9; --primary-dark: #5A50C4; --primary-light: #EFEDFC; --on-primary: #fff;
  --accent: #6E63D9; --on-accent: #fff;
  --bg: #F4F3F8; --surface: #fff; --card-bg: #fff; --border: #E2E0EA;
  --text-heading: #141414; --text: #3A3A44; --text-muted: #5F5E66;
  --input-bg: #fff; --input-border: #B9B6C8; --input-text: #141414;
  --playbar-bg: #fff; --playbar-border: #E2E0EA; --playbar-text: #141414; --playbar-muted: #5F5E66; --playbar-track: #DCD9E6;
  color-scheme: light;
}
:root[data-theme='dark'] .player {
  --primary: #9B93F0; --primary-dark: #B3ADF5; --primary-light: #24273A; --on-primary: #0E0F12;
  --accent: #9B93F0; --on-accent: #0E0F12;
  --bg: #0E0F12; --surface: #0E0F12; --card-bg: #1A1C21; --border: #2E3138;
  --text-heading: #F2F2F0; --text: #C9CACE; --text-muted: #A6A7AB;
  --input-bg: #1A1C21; --input-border: #4A4D55; --input-text: #F2F2F0;
  --playbar-bg: #0E0F12; --playbar-border: #2E3138; --playbar-text: #F2F2F0; --playbar-muted: #A6A7AB; --playbar-track: #2E3138;
  color-scheme: dark;
}
:root:not([data-theme='dark']) .player .score-area { background: #ECEAF2; }
:root[data-theme='dark'] .player .score-area { background: #050506; }
:root .player .player-toolbar, :root .player .playbar { border-color: var(--playbar-border); }
:root .player .pb-play { box-shadow: none; }
:root .player .pb-play:hover:not(:disabled) { background: var(--primary-dark); }
/* The bar under the music: unplayed part in the theme's track colour, not navy. */
:root .player .seek-bar { background: linear-gradient(to right, var(--primary) var(--seek-progress, 0%), var(--playbar-track) var(--seek-progress, 0%)); }
:root .player .seek-bar::-moz-range-track { background: linear-gradient(to right, var(--primary) var(--seek-progress, 0%), var(--playbar-track) var(--seek-progress, 0%)); }