$dark-text: var(
  --wds-sidebar-header-text-dark-default,
  var(--wds-color-text-standard-primary)
);

.sidebar-header-next {
  &--skin-dark {
    color: var(--wds-sidebar-item-text-dark-default, var(--wds-color-text-standard-primary));
  }

  &--skin-light {
    color: $dark-text;
  }

  &--skin-neutral {
    color: $dark-text;
  }

  &#{&}#{&}--skin-dark &__title {
    color: $dark-text;
  }

  &#{&}#{&}--skin-dark &__subtitle {
    color: $dark-text;
  }

  &#{&}#{&}--skin-dark &__subtitle * {
    color: $dark-text;
  }
}