.link {
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.link:hover {
  filter: brightness(1.1);
}

.link:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: 2px;
}

.link--nav {
  color: var(--color-text);
  font-weight: 500;
  font-size: 0.95rem;
  line-height: 1.2;
  text-decoration: underline;
  text-decoration-color: currentColor;
}

.link--nav:hover {
  filter: none;
  color: var(--color-text);
}

.link--nav.is-active,
.link--nav[aria-current="page"] {
  text-decoration-color: transparent;
}