.button--primary {
  background-color: var(--colorGinPrimary);

  &:hover {
    background-color: var(--colorGinPrimaryHover);
  }

  &:active {
    background-color: var(--colorGinPrimaryHover);
  }
}

a,
.link,
button.link,
.forgot-password-link {
  color: var(--colorGinPrimary);

  &:hover {
    color: var(--colorGinPrimaryHover);
  }

  &:active {
    color: var(--colorGinPrimaryActive);
  }
}

.form-boolean--type-checkbox:checked,
[open] > .claro-details__summary--accordion:not(:focus):not(:active)::after,
[open] > .claro-details__summary--accordion-item:not(:focus):not(:active)::after {
  border-color: var(--colorGinPrimary);

  &:hover {
    border-color: var(--colorGinPrimaryHover);
  }

  &:active {
    border-color: var(--colorGinPrimaryActive);
  }
}

// Only hover
.is-horizontal .tabs__link,
.claro-details__summary,
.action-link
{
  &:hover {
    color: var(--colorGinPrimaryHover);
  }
}

// Only focus
.claro-details[open] > .claro-details__summary
{
  &:focus {
    color: var(--colorGinPrimaryActive);
  }
}
