/* Typography
   ========================================================================== */
body {
  font-family: $font-family-base;
  font-size: $font-size-base;
  font-weight: $font-weight-base;
  letter-spacing: $letter-spacing-base;
  line-height: $line-height-base;
  background-color: $body-bg;
  color: $body-color;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: $heading-font-family;
  font-weight: $heading-font-weight;
  line-height: $heading-line-height;
  letter-spacing: $heading-letter-spacing;
  color: $heading-color;
  margin-bottom: $heading-margin-bottom;
}

h1 {
  font-size: $heading-h1-font-size;
}

h2 {
  font-size: $heading-h2-font-size;
}

h3 {
  font-size: $heading-h3-font-size;
}

h4 {
  font-size: $heading-h4-font-size;
}

h5 {
  font-size: $heading-h5-font-size;
}

h6 {
  font-size: $heading-h6-font-size;
}

p {
  margin-bottom: $paragraph-margin-bottom;
}

a {
  @include link;
  &:hover,
  &:focus {
    @include link--hover;
  }
}

img,
video {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}