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 svg { color: var(--color-text); }

.site-episode-search .site-episode-search-icon svg {
  color: var(--color-text);
}
.site-episode-search-input input {
  color: var(--color-text);
  border-color: var(--color-text);
}

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

.site-subscribe a {
  border-color: var(--color-text);
}
.site-subscribe a svg {
  color: var(--color-text);
}
.site-subscribe a span {
  color: var(--color-text);
}
.site-subscribe a b {
  color: var(--color-text);
}

.site-person-role {
  background: var(--color-text);
  color: var(--color-highlight);
}

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

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

.mobile-nav-menu svg { color: var(--color-text); }
.mobile-nav .mobile-nav-close svg { color: var(--color-text); }

#site-footer {
  background-color: var(--color-player-background);
  color: var(--color-player);
}
.player-forward svg { color: var(--color-player); }
.player-unmuted svg { color: var(--color-player); }
.player-muted svg { color: var(--color-player); }
.player-pause svg { color: var(--color-player); }
.player-play svg { color: var(--color-player); }
.player-rewind svg { 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));
    }
  }
}