/* High-visibility treatment for text links across the site. */
a:not(.button):not(.join-btn):not(.brand) {
  color: var(--color-text);
  font-weight: 700;
  text-decoration-line: underline;
  text-decoration-color: var(--color-primary);
  text-decoration-thickness: 3px;
  text-underline-offset: 0.2em;
  text-decoration-skip-ink: none;
  transition: color 160ms ease, text-decoration-color 160ms ease, background-color 160ms ease;
}

a:not(.button):not(.join-btn):not(.brand):hover,
a:not(.button):not(.join-btn):not(.brand):focus-visible {
  color: var(--color-primary-contrast);
  text-decoration-color: var(--color-primary-contrast);
  background-color: var(--color-mint);
}

a:not(.button):not(.join-btn):not(.brand):focus-visible {
  outline: 2px solid var(--color-primary-contrast);
  outline-offset: 3px;
}

.related-links a,
.breadcrumb a,
.sidebox a,
.site-footer a {
  text-decoration-thickness: 3px;
}

.site-footer a:not(.button):not(.join-btn):not(.brand) {
  color: var(--color-footer-text);
  text-decoration-color: var(--color-primary);
}

.site-footer a:not(.button):not(.join-btn):not(.brand):hover,
.site-footer a:not(.button):not(.join-btn):not(.brand):focus-visible {
  color: var(--color-primary);
  text-decoration-color: var(--color-footer-text);
  background-color: transparent;
}