.link {
  padding: 0;
  margin: 0;
  border: none;

  color: light-dark(var(--color-blue-600), var(--color-blue-400));
  text-decoration: none;
  background: none;

  &:hover {
    text-decoration: underline;
  }
}

.link--subtle {
  color: light-dark(var(--color-gray-400), var(--color-zinc-400));

  &:hover {
    color: light-dark(var(--color-gray-500), var(--color-zinc-300));
  }
}