/* Only palette properties fade; layout and CTA motion have their own timing. */
nav[aria-label="Main"] {
  --sp-palette-duration: 280ms;
  --sp-palette-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: background-color var(--sp-palette-duration) var(--sp-palette-ease), color var(--sp-palette-duration) var(--sp-palette-ease) !important;
}
nav[aria-label="Main"] a,
nav[aria-label="Main"] button {
  transition: color var(--sp-palette-duration) var(--sp-palette-ease), background-color var(--sp-palette-duration) var(--sp-palette-ease), border-color var(--sp-palette-duration) var(--sp-palette-ease), box-shadow var(--sp-palette-duration) var(--sp-palette-ease) !important;
}
nav[aria-label="Main"] svg [fill] {
  transition: fill var(--sp-palette-duration) var(--sp-palette-ease);
}
@media (prefers-reduced-motion: reduce) {
  nav[aria-label="Main"], nav[aria-label="Main"] * { transition: none !important; }
}