{{/*
    010_anchors.css
    Eryn Wells <eryn@erynwells.me>
*/}}





/**********
 # ANCHORS
 **********/

:root {
  --text-color-link: var(--blue);
}

a {
  color: var(--text-color-link);
  text-decoration: none;

  &:hover {
    color: var(--text-color-link);
    text-decoration: underline;
  }

  &:visited {
    color: var(--text-color-link);
    text-decoration: underline dashed;
  }
}

@media (prefers-reduce-motion: reduce) {
  a {
    text-decoration: underline;
  }
}