@import "../../helpers";

.sf-link {
  color: var(--link-color, var(--c-text));
  @include font(
    --link-font,
    var(--font-weight--medium),
    var(--font-size--sm),
    1.4,
    var(--font-family--secondary)
  );
  text-decoration: var(--link-text-decoration, underline);
  &:visited {
    --link-color: var(--c-link);
  }
  &:hover {
    --link-color: var(--c-primary);
  }
  &:active {
    --link-color: var(--c-link);
  }
}