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

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

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

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