.spectrum-Link {
  --spectrum-link-animation-duration: var(--spectrum-animation-duration-100);
  --spectrum-link-text-color-primary-default: var(--spectrum-accent-content-color-default);
  --spectrum-link-text-color-primary-hover: var(--spectrum-accent-content-color-hover);
  --spectrum-link-text-color-primary-active: var(--spectrum-accent-content-color-down);
  --spectrum-link-text-color-primary-focus: var(--spectrum-accent-content-color-key-focus);
  --spectrum-link-text-color-secondary-default: var(--spectrum-neutral-content-color-default);
  --spectrum-link-text-color-secondary-hover: var(--spectrum-neutral-content-color-hover);
  --spectrum-link-text-color-secondary-active: var(--spectrum-neutral-content-color-down);
  --spectrum-link-text-color-secondary-focus: var(--spectrum-neutral-content-color-key-focus);

  --spectrum-link-text-color-white: var(--spectrum-white);
  --spectrum-link-text-color-black: var(--spectrum-black);
}

@media (forced-colors: active) {
  .spectrum-Link {
    --highcontrast-link-text-color-primary-default: LinkText;
    --highcontrast-link-text-color-primary-hover: LinkText;
    --highcontrast-link-text-color-primary-active: LinkText;
    --highcontrast-link-text-color-primary-focus: LinkText;

    --highcontrast-link-text-color-secondary-default: LinkText;
    --highcontrast-link-text-color-secondary-hover: LinkText;
    --highcontrast-link-text-color-secondary-active: LinkText;
    --highcontrast-link-text-color-secondary-focus: LinkText;

    --highcontrast-link-text-color-white: LinkText;
    --highcontrast-link-text-color-black: LinkText;
  }
}

.spectrum-Link {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: underline;
  transition: color var(--mod-link-animation-duration, var(--spectrum-link-animation-duration)) ease-in-out;
  outline: none;
  cursor: pointer;

  color: var(--highcontrast-link-text-color-primary-default, var(--mod-link-text-color-primary-default, var(--spectrum-link-text-color-primary-default)));
}

.spectrum-Link:hover {
    color: var(--highcontrast-link-text-color-primary-hover, var(--mod-link-text-color-primary-hover, var(--spectrum-link-text-color-primary-hover)));
  }

.spectrum-Link:active {
    color: var(--highcontrast-link-text-color-primary-active, var(--mod-link-text-color-primary-active, var(--spectrum-link-text-color-primary-active)));
  }

.spectrum-Link:focus-visible {
    color: var(--highcontrast-link-text-color-primary-focus, var(--mod-link-text-color-primary-focus, var(--spectrum-link-text-color-primary-focus)));
    text-decoration: underline;
    -webkit-text-decoration-style: double;
            text-decoration-style: double;
    -webkit-text-decoration-color: var(--highcontrast-link-focus-color, inherit);
            text-decoration-color: var(--highcontrast-link-focus-color, inherit);
  }

.spectrum-Link--secondary {
  color: var(--highcontrast-link-text-color-secondary-default, var(--mod-link-text-color-secondary-default, var(--spectrum-link-text-color-secondary-default)));
}

.spectrum-Link--secondary:hover {
    color: var(--highcontrast-link-text-color-secondary-hover, var(--mod-link-text-color-secondary-hover, var(--spectrum-link-text-color-secondary-hover)));
  }

.spectrum-Link--secondary:active {
    color: var(--highcontrast-link-text-color-secondary-active, var(--mod-link-text-color-secondary-active, var(--spectrum-link-text-color-secondary-active)));
  }

.spectrum-Link--secondary:focus {
    color: var(--highcontrast-link-text-color-secondary-focus, var(--mod-link-text-color-secondary-focus, var(--spectrum-link-text-color-secondary-focus)));
  }

.spectrum-Link--quiet {
  text-decoration: none;
}

.spectrum-Link--quiet:hover {
    text-decoration: underline;
  }

.spectrum-Link--staticWhite {
  color: var(--highcontrast-link-text-color-white, var(--mod-link-text-color-white, var(--spectrum-link-text-color-white)));
}

.spectrum-Link--staticWhite:hover,
  .spectrum-Link--staticWhite:active,
  .spectrum-Link--staticWhite:focus {
    color: var(--highcontrast-link-text-color-white, var(--mod-link-text-color-white, var(--spectrum-link-text-color-white)));
  }

.spectrum-Link--staticBlack {
  color: var(--highcontrast-link-text-color-black, var(--mod-link-text-color-black, var(--spectrum-link-text-color-black)));
}

.spectrum-Link--staticBlack:hover,
  .spectrum-Link--staticBlack:active,
  .spectrum-Link--staticBlack:focus {
    color: var(--highcontrast-link-text-color-black, var(--mod-link-text-color-black, var(--spectrum-link-text-color-black)));
  }