// Font-family
$ff-h1: $font-family-headings !default;
$ff-h2: $font-family-headings !default;
$ff-h3: $font-family-headings !default;
$ff-h4: $font-family-headings !default;
$ff-h5: $font-family-headings !default;
$ff-h6: $font-family-headings !default;

// Weights
$fw-h1: $fw-light !default;
$fw-h2: $fw-light !default;
$fw-h3: $fw-light !default;
$fw-h4: $fw-light !default;
$fw-h5: $fw-light !default;
$fw-h6: $fw-light !default;

// Line heights
$lh-h1: $lh-1 !default;
$lh-h2: $lh-1 !default;
$lh-h3: $lh-1 !default;
$lh-h4: $lh-1 !default;
$lh-h5: $lh-1 !default;
$lh-h6: $lh-1 !default;

// Text transforms
$tt-h1: none !default;
$tt-h2: uppercase !default;
$tt-h3: none !default;
$tt-h4: none !default;
$tt-h5: none !default;
$tt-h6: none !default;

@mixin h1 {
  font-family: $ff-h1;
  font-size: $fs-h1;
  margin: 0 0 $space-h1;
  line-height: $lh-h1;
  font-weight: $fw-h1;
  text-transform: $tt-h1;
  @include bp("md") {
    font-size: $fs-h2;
  }
}

@mixin h2 {
  font-family: $ff-h2;
  font-size: $fs-h2;
  margin: 0 0 $space-h2;
  font-weight: $fw-h2;
  text-transform: $tt-h2;
  line-height: $lh-h2;
  @include bp("md") {
    font-size: $fs-h3;
  }
}

@mixin h3 {
  font-family: $ff-h3;
  font-size: $fs-h3;
  font-weight: $fw-h3;
  line-height: $lh-h3;
  text-transform: $tt-h3;
  @include bp("md") {
    font-size: $fs-h4;
  }
}

@mixin h4 {
  font-family: $ff-h4;
  font-size: $fs-h4;
  font-weight: $fw-h4;
  line-height: $lh-h4;
  text-transform: $tt-h4;
  @include bp("md") {
    font-size: $fs-h5;
  }
}

@mixin h5 {
  font-family: $ff-h5;
  font-size: $fs-h5;
  font-weight: $fw-h5;
  line-height: $lh-h5;
  text-transform: $tt-h5;
  @include bp("md") {
    font-size: $fs-h6;
  }
}

@mixin h6 {
  font-family: $ff-h6;
  font-size: $fs-h6;
  font-weight: $fw-h6;
  line-height: $lh-1;
  text-transform: $tt-h6;
}
