/* Smooth colour changes only: no halo, shadow or background fill.
   Keep transitions on the resting state for a gentle fade on mouse leave. */
header nav a {
  text-shadow: none;
  box-shadow: none;
  background-color: transparent;
  transition: color 700ms ease, border-color 700ms ease;
}

header nav a:not(.nav-cta):is(:hover, :focus-visible) {
  color: #607139;
  transition-duration: 450ms;
}

header nav a.nav-cta:is(:hover, :focus-visible) {
  color: #4e5f2d;
  border-color: #81945b;
  transition-duration: 450ms;
}

/* Avoid sticky colour changes after tapping on a touchscreen. */
@media (hover: none) {
  header nav a:not(:focus-visible) { color: inherit; }
  header nav a.nav-cta:not(:focus-visible) { border-color: var(--brown); }
}

@media (prefers-reduced-motion: reduce) {
  header nav a { transition: none !important; }
}