html {
  transition: background-color var(--duration-base) var(--ease);
}

body,
.site-header,
.site-footer,
.player,
.card,
.mobile-menu {
  transition: background-color var(--duration-base) var(--ease),
    border-color var(--duration-base) var(--ease);
}

#theme-toggle svg {
  transition: opacity var(--duration-fast) var(--ease);
}

@media (prefers-reduced-motion: reduce) {
  html,
  body,
  .site-header,
  .site-footer,
  .player,
  .card,
  .mobile-menu {
    transition: none;
  }
}