@use "../utilities/mixins" as *;
@use "../utilities/colors" as *;
@use "../utilities/fonts" as *;

h1, h2, h3, h4, h5, h6 {
  font: $font-heading;
}

h1, h2, h3 {
  @include fontType(display);
}

h4, h5 {
  @include fontType(text);
}

h6 {
  @include fontType(micro);
  font-weight: 500;
}

h1 {@include clampSize(1.35rem, 3.6rem)}
h2 {@include clampSize(1.2rem, 2.8rem)}
h3 {@include clampSize(1rem,   2.4rem)}
h4 {@include clampSize(1rem,   2rem)}
h5 {@include clampSize(0.8rem, 1.8rem)}
h6 {@include clampSize(0.8rem, 1.3rem)}
