/* radio.XES: red accents inspired by the main logo. */
:root {
  --radio-red: #b5161d;
  --radio-red-dark: #781016;
  --radio-red-visible: #e9666c;
}

.stream-choice button[aria-pressed="true"] {
  background: var(--radio-red);
  border-color: var(--radio-red);
  color: #fff;
}
.stream-choice button[aria-pressed="true"]:hover {
  background: var(--radio-red-dark);
  border-color: var(--radio-red-visible);
  color: #fff;
}

.is-playing .player .pill .dot {
  background: var(--radio-red-visible);
  box-shadow: 0 0 0 3px rgb(181 22 29 / 15%);
}

.song-timing #song-progress {
  accent-color: var(--radio-red);
}
.song-timing #song-progress::-webkit-progress-value {
  background: linear-gradient(90deg, var(--radio-red-dark), var(--radio-red-visible));
  border-radius: 8px;
}
.song-timing #song-progress::-moz-progress-bar {
  background: linear-gradient(90deg, var(--radio-red-dark), var(--radio-red-visible));
  border-radius: 8px;
}

.radio-chat #chat-open {
  background: transparent;
  border: 2px solid var(--radio-red-visible);
  color: var(--cream, #f6f6f0);
}
.radio-chat #chat-open:hover,
.radio-chat #chat-open:focus-visible {
  background: var(--radio-red);
  border-color: var(--radio-red);
  color: #fff;
}

.track-credit-link .rights-open:hover,
.track-credit-link .rights-open:focus-visible,
.track-rights .rights-open:hover,
.track-rights .rights-open:focus-visible {
  text-decoration-color: var(--radio-red-visible);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
:is(header.header, header.site-header).mol-header > nav > a:hover,
:is(header.header, header.site-header).mol-header > nav > a:focus-visible {
  text-decoration-line: underline;
  text-decoration-color: var(--radio-red);
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}