[class^="heading-"],
[class*=" heading-"] {
  line-height: var(--line-height-3);
  color: var(--color-text-base-high);
  font-weight: 600;
}

.heading-1 {
  font-size: var(--font-size-9);
}
.heading-2 {
  font-size: var(--font-size-8);
}
.heading-3 {
  font-size: var(--font-size-7);
}
.heading-4 {
  font-size: var(--font-size-6);
  font-weight: bold;
}
.heading-5 {
  font-size: var(--font-size-5);
  font-weight: bold;
}
.heading-6 {
  font-size: var(--font-size-4);
  font-weight: bold;
}

.body-text {
  font-size: var(--font-size-4);
  line-height: var(--line-height-4);
  color: var(--color-text-base-middle);
  &.lg {
    font-size: var(--font-size-5);
  }
  &.sm {
    font-size: var(--font-size-3);
  }
}
.note-text {
  font-size: var(--font-size-2);
  line-height: var(--line-height-3);
  color: var(--color-text-base-low);
  &.lg {
    font-size: var(--font-size-3);
  }
  &.sm {
    font-size: 11px;
  }
  &.bold {
    font-weight: bold;
  }
}
.label-text {
  font-size: var(--font-size-2);
  line-height: var(--line-height-2);
  color: var(--color-text-base-middle);
  font-weight: 400;
  &.lg {
    font-size: var(--font-size-4);
  }
  &.sm {
    font-size: var(--font-size-1);
  }
  &.bold {
    font-weight: bold;
  }
}
.text-disabled {
  color: var(--color-text-base-disabled);
}