@use "../../variables/colors";
@use "../../variables/typography";
@use "../../variables/units";
@use "./heading.mixins" as heading-mixins;

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  @include heading-mixins.base();
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  @include heading-mixins.margin-large();
}

h1,
.h1 {
  line-height: var(--_dt-heading-h1-line-height, units.$font-line-height-h1);
}

h1 {
  @include heading-mixins.h1();
}

h2,
.h2 {
  line-height: var(--_dt-heading-h2-line-height, units.$font-line-height-h2);
}

h2 {
  @include heading-mixins.h2();
}

h3,
.h3 {
  line-height: var(--_dt-heading-h3-line-height, units.$font-line-height-h3);
}

h3 {
  @include heading-mixins.h3();
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  @include heading-mixins.margin-small();
}

h4,
.h4 {
  line-height: var(--_dt-heading-h4-line-height, units.$font-line-height-h4);
}

h4 {
  @include heading-mixins.h4();
}

h5,
.h5 {
  line-height: var(--_dt-heading-h5-line-height, units.$font-line-height-h5);
}

h5 {
  @include heading-mixins.h5();
}

h6,
.h6 {
  font-size: var(--_dt-heading-h6-font-size, inherit);
  line-height: var(--_dt-heading-h6-line-height, units.$font-line-height-h6);
}