/* Colour follows the audio's context, independently of its controls or orientation. */
.player{--audio-field:var(--color-sage);--audio-ink:var(--color-sage-ink);--audio-hover:var(--color-sage-play-hover);--audio-active:var(--color-sage-play-active);--audio-quiet:var(--color-sage-quiet)}
.player-tone-ipm{--audio-field:var(--color-putty);--audio-ink:var(--color-putty-ink);--audio-hover:var(--color-putty-hover);--audio-active:var(--color-putty-active);--audio-quiet:var(--color-putty-quiet)}
.player-tone-course{--audio-field:var(--course-field);--audio-ink:var(--course-ink);--audio-hover:var(--course-play-hover);--audio-active:var(--course-play-active);--audio-quiet:var(--course-quiet)}
.player.player-simple{background:var(--audio-field);color:var(--audio-ink)}
.player.player-simple :is(h2,a){color:inherit}
.player.player-simple .play{background:var(--audio-ink);border-color:var(--audio-ink);color:white}
.player.player-simple .play:hover{background:var(--audio-hover)}
.player.player-simple .play:active{background:var(--audio-active)}
.player.player-simple :focus-visible{outline-color:var(--audio-ink)}
.player.player-simple input[type=range]{accent-color:var(--audio-ink);color:var(--audio-ink)}
.player.player-simple input::-webkit-slider-runnable-track{background:var(--audio-ink)}
.player.player-simple input::-webkit-slider-thumb{background:var(--audio-ink);border-color:var(--audio-field);outline-color:var(--audio-ink)}
.player.player-simple input::-moz-range-track{background:var(--audio-ink)}
.player.player-simple input::-moz-range-thumb{background:var(--audio-ink);border-color:var(--audio-field)}
.player .player-skips button:hover:not(:disabled){background:var(--audio-quiet)}