@use '@beeline/design-tokens/scss/mixin' as bee;

.title {
  @include bee.h3();

  &.is-1 {
    @include bee.h1();
  }
  &.is-2 {
    @include bee.h2();
  }
  &.is-3 {
    @include bee.h3();
  }
  &.is-4 {
    @include bee.h4();
  }
  &.is-5 {
    @include bee.h5();
  }
  &.is-6 {
    @include bee.h6();
  }
}

.subtitle {
  @include bee.subtitle2();

  &.is-1 {
    @include bee.subtitle1();
  }
  &.is-2 {
    @include bee.subtitle2();
  }
  &.is-3 {
    @include bee.subtitle3();
  }
}