@import "../data/hid-variables";

$h1-font-size: $font-size-base * 1.625 !default; // 26px
$h2-font-size: $font-size-base * 1.125 !default; // 18px
$h3-font-size: $font-size-base !default; //  16px
$h4-font-size: $font-size-base !default; // 16px
$h5-font-size: $font-size-base !default;
$h6-font-size: $font-size-base !default;

$headings-font-family: $font-family-base !default;
$headings-line-height: 1.2rem !default;

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: $headings-font-family;
  line-height: $headings-line-height;
}

//  Page title (Can be visually hidden for accessibility
h1, .h1 {
  font-size: $h1-font-size;
  color: $headline-01;
  letter-spacing: -0.41px;
}

// Sub titles
h2, .h2 {
  font-size: $h2-font-size;
  color: $headline-02;
  letter-spacing: .2px;
}

// Labels
h3, .h3 {
  font-size: $h3-font-size;
  color: $headline-03;
  letter-spacing: .2px;

}

// Primary body text
h4, .h4 {
  font-size: $h4-font-size;
  color: $headline-04;
  letter-spacing: .2px;
}

h5, .h5 {
  font-size: $h5-font-size;
}

h6, .h6 {
  font-size: $h6-font-size;
}