/* Phone and email links. Colour plus an underline, so the clickable affordance
   does not depend on colour alone. */
a.contact-link {
  color: #0c3d97;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}

a.contact-link:hover,
a.contact-link:focus-visible {
  color: #082a6b;
  text-decoration-thickness: 2px;
}

/* Dark surfaces: top bar, footer, banner sections. */
a.contact-link.on-dark {
  color: #8ab4f8;
}

a.contact-link.on-dark:hover,
a.contact-link.on-dark:focus-visible {
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  a.contact-link {
    transition: none;
  }
}