@layer root {
  a {
    text-decoration: none;
  }

  a[href] {
    color: var(--a-color);
  }

  a[href]:visited {
    color: var(--a-color);
  }

  a[href]:hover {
    text-decoration: underline;
    text-decoration-style: solid;
  }

  a.hover-only {
    color: var(--color);
    transition: color 0.2s;
  }

  a.hover-only:hover {
    text-decoration: underline;
    transition: color 0.2s;
  }

  a.hover-only { color: var(--color); }

  a.hover-only:hover { color: var(--a-color); }

  a rt, a:hover rt { color: var(--a-ruby-color); }
}