@use "sass:color";

@mixin ilios-link () {
  color: $blueMunsell;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;

  &:visited {
    color: $blueMunsell;
  }

  &:hover,
  &:active,
  &:focus {
    color: color.adjust($blueMunsell, $lightness: -15%);
    outline: thin dotted;
    text-decoration: underline;
  }

  &:hover {
    outline: none;
  }
}

@use "sass:color";

@mixin ilios-link () {
  color: $tealBlue;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;

  &:visited {
    color: $tealBlue;
  }

  &:hover,
  &:active,
  &:focus {
    color: $blueMunsell;
    outline: thin dotted;
    text-decoration: underline;
  }

  &:hover {
    outline: none;
  }
}

Adjust link color to meet a11y contrasts requirements
Adjust link color to meet a11y contrasts requirements
