a {
  color: var(--color-accent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  text-decoration-color: color-mix(in srgb, var(--color-accent) 50%, transparent);
  transition: text-shadow var(--dur-instant) var(--ease-snap),
              text-decoration-color var(--dur-instant) var(--ease-snap);
}

a:hover {
  text-decoration-color: var(--color-accent);
  text-shadow: var(--glow-cyan);
}