body {
  background-color: var(--color-background);
  color: var(--color-text);
}

.site-main a {
  color: var(--color-link);
}

.site-header nav > .group a:hover { border-color: var(--color-link); }

.site-button {
  border-color: var(--color-text);
  color: var(--color-text);
}

.site-button:hover {
  background: var(--color-text);
  color: var(--color-highlight);
}

.site-featured-episodes {
  background-color: var(--color-text);
  color: var(--color-highlight);
}

.site-episode time, .pagination {
  border-color: var(--color-text);
}
.site-episode time span {
  background: var(--color-text);
  color: var(--color-highlight);
}

.site-featured-episodes .site-episode header {
  border-color: var(--color-highlight);
}

.site-featured-episodes .site-episode header span {
  background: var(--color-highlight);
  color: var(--color-text);
}

.site-featured-episodes .site-episode time span {
  color: var(--color-highlight);
}

.site-featured-episodes .site-episode h2 a {
  color: var(--color-highlight);
}

.site-featured-episodes .site-episode .site-button {
  border-color: var(--color-highlight);
  color: var(--color-highlight);
}

.site-featured-episodes .site-episode .site-button:hover {
  background: var(--color-highlight);
  color: var(--color-text);
}

#site-archive-form .select-wrapper {
  border-color: var(--color-text);

}
#site-archive-form .select-wrapper:after {
  background: var(--color-text);
  color: var(--color-highlight);
}

.site-mailinglist .email-input {
  border-color: var(--color-text);
  color: var(--color-text);
}

.site-newsletter-success .icon-check:before { color: var(--color-text); }

.site-social a:before { color: var(--color-text); }

.mobile-nav {
  background: var(--color-background);
  color: var(--color-text);
}

.mobile-nav .mobile-nav-content a {
  color: var(--color-text);
}

.icon-menu:before { color: var(--color-text); }
.icon-cancel:before { color: var(--color-text); }

#site-footer {
  background-color: var(--color-player-background);
  color: var(--color-player);
}
.icon-player-forward:before { color: var(--color-player); }
.icon-player-unmuted:before { color: var(--color-player); }
.icon-player-muted:before { color: var(--color-player); }
.icon-player-pause:before { color: var(--color-player); }
.icon-player-play:before { color: var(--color-player); }
.icon-player-rewind:before { color: var(--color-player); }
.loader-ring:after {
  border: 3px solid var(--color-player);
  border-color: var(--color-player) transparent var(--color-player) transparent;
}
#playbackSpeed { border-color: var(--color-player); color: var(--color-player); }
#site-footer { color: var(--color-player); }
#progress { background: var(--color-player); }

/* iPhone X+ notch support in landscape mode */
@supports(padding: max(0px)) {
  .site-container {
    padding-left: max(15px, env(safe-area-inset-left));
    padding-right: max(15px, env(safe-area-inset-right));
  }

  .site-featured-episodes .site-container {
    padding-left: max(0px, env(safe-area-inset-left));
    padding-right: max(0px, env(safe-area-inset-right));
  }

  .site-container.player {
    padding-left: max(15px, env(safe-area-inset-left));
    padding-right: max(15px, env(safe-area-inset-right));
  }

  .container {
    padding-left: max(15px, env(safe-area-inset-left));
    padding-right: max(15px, env(safe-area-inset-right));
  }

  .container.main {
    padding-left: max(30px, env(safe-area-inset-left));
    padding-right: max(30px, env(safe-area-inset-right));
  }

  @media all and (max-width: 630px) {
    .container.main {
      padding-left: max(15px, env(safe-area-inset-left));
      padding-right: max(15px, env(safe-area-inset-right));
    }
  }
}