/* Only theme changes use this duration; navigation keeps its existing 80 ms fade. */
html.sng-theme-transition,
html.sng-theme-transition *,
html.sng-theme-transition *::before,
html.sng-theme-transition *::after {
  transition: background-color 450ms ease-in-out,
    color 450ms ease-in-out, border-color 450ms ease-in-out,
    box-shadow 450ms ease-in-out, fill 450ms ease-in-out, stroke 450ms ease-in-out,
    transform 180ms cubic-bezier(.2,.8,.2,1), opacity 80ms ease !important;
}
@media (prefers-reduced-motion: reduce) {
  html.sng-theme-transition,
  html.sng-theme-transition *,
  html.sng-theme-transition *::before,
  html.sng-theme-transition *::after { transition: none !important; }
}