.text-emphasis-variant(@small-color, @large-color, @hover) {
  color: @small-color !important;

  a&:hover,
  a&:focus {
    color: @hover !important;
  }

  .large-text-emphasis(@small-color, @large-color);
}

.large-text-emphasis(@small-color, @large-color) when not (@small-color = @large-color) {
  h1&,
  h2&,
  h3&,
  &.h1,
  &.h2,
  &.h3,
  &.title-1,
  &.title-2,
  &.title-3,
  &.np-text-title-screen,
  &.np-text-title-section,
  &.np-text-title-subsection,
  h1,
  h2,
  h3,
  .h1,
  .h2,
  .h3,
  .title-1,
  .title-2,
  .title-3,
  .np-text-title-screen,
  .np-text-title-section,
  .np-text-title-subsection {
    color: @large-color !important;
  }
}
