@use "variables";

// This is still needed for compatibility reasons
a {
  color: variables.$hero;
  text-decoration: none;

  i.fwe-icon {
    vertical-align: text-top;
  }

  &.fwe-dark {
    color: variables.$text;
  }

  &.fwe-disabled {
    pointer-events: none;
    color: variables.$text-light;
    cursor: default;
  }

  &:hover:not(.fwe-disabled) {
    color: variables.$hero-hover;
    text-decoration: none;
  }
}

.fwe-text-link {
  color: variables.$hero;
  text-decoration: underline;
  text-decoration-thickness: auto;

  i.fwe-icon {
    vertical-align: text-top;
  }

  &.fwe-dark {
    color: variables.$text;
  }

  &.fwe-disabled {
    pointer-events: none;
    color: variables.$text-light;
    cursor: default;
  }

  &:hover:not(.fwe-disabled) {
    color: variables.$hero-hover;
    text-decoration: underline;
    text-decoration-thickness: auto;
  }
}