/* anchor tags */
a {
  font-family: var(--font-sans);
  color: var(--fg-lighter);
  text-decoration: underline;
  text-decoration-color: var(--grey-300);
  cursor: pointer;

  &:hover {
    text-decoration-color: var(--fg-lighter);
  }

  &:active {
    color: var(--fg-lighter);
    text-decoration-color: var(--fg-lighter);
  }

  &.dark {
    color: var(--shw);
    text-decoration-color: var(--grey-700);
  }

  &.dark:hover {
    text-decoration-color: var(--grey-300);
  }

  &.dark:active {
    color: var(--grey-300);
    text-decoration-color: var(--grey-300);
  }
}