@mixin link($highlight-visited) { ... }@mixin link($highlight-visited) { 
  @if not $highlight-visited {
    #{common.get-property-name('link', 'visited', 'primary')}: settings.$color;
  }

  color: settings.$color;
  background-color: transparent;
  text-decoration: underline;
  text-decoration-skip: objects;
  text-decoration-skip-ink: auto;

  @if $highlight-visited {
    &:visited {
      color: settings.$visited-color;
    }
  }

  &:hover {
    color: settings.$hover-color;
    text-decoration: underline;
  }

  &:active {
    color: settings.$pressed-color;
    text-decoration: underline;
  }

  &:focus,
  &:focus-visible {
    outline-color: settings.$color;
    outline-offset: settings.$focus-outline-offset;
  }
 }

@mixin link-reset() { ... }@mixin link-reset() { 
  @include link;

  display: inline;
  padding: 0;
  appearance: none;
  background-color: transparent;
  border: 0;
  font: inherit;
  line-height: inherit;
  vertical-align: baseline;
  cursor: pointer;
 }

$color: color.get('link', 'active', 'primary') !default;

$visited-color: color.get('link', 'visited', 'primary') !default;

$hover-color: color.get('link', 'hover', 'primary') !default;

$pressed-color: color.get('link', 'pressed', 'primary') !default;

$focus-outline-offset: kib-core.dimensions-get(tiny) !default;

$disabled-opacity: 0.5 !default;