html {
  @include breakpoint(mobile) {
    font-size: $mobile-base-font-size;
  }
  @include breakpoint(tablet) {
    font-size: $buildable-base-size;
  }
}

body {
  -webkit-font-smoothing: antialiased;

  // Font family declaration for headers and body text
  * {
    font-family: $buildable-body-font-family;
    font-size: $buildable-base-size;
    line-height: $buildable-base-line-height;
  }
  h1, h2, h3, h4, h5 {
    margin-top: 0;
    font-family: $buildable-header-font-family;
  }

  // Header text specification
  h1 {
    font-weight: 700;

    margin-bottom: calculateRem(26);
    @include breakpoint(mobile) {
      font-size: calc(#{$mobile-h1-font-size} * #{$font-size-multiplier});
      line-height: 43px;
    }
    @include breakpoint(tablet) {
      font-size: $buildable-h1-size;
      line-height: $buildable-h1-line-height;
    }
  }
  h2 {
    font-weight: 600;

    margin-bottom: calculateRem(20);
    @include breakpoint(mobile) {
      font-size: calc(#{$mobile-h2-font-size} * #{$font-size-multiplier});
      line-height: 33px;
    }
    @include breakpoint(tablet) {
      font-size: $buildable-h2-size;
      line-height: $buildable-h2-line-height;
    }
  }
  h3 {
    font-weight: 600;

    margin-bottom: calculateRem(16);
    @include breakpoint(mobile) {
      font-size: calc(#{$mobile-h3-font-size} * #{$font-size-multiplier});
      line-height: 28px;
    }
    @include breakpoint(tablet) {
      font-size: $buildable-h3-size;
      line-height: $buildable-h3-line-height;
    }
  }
  h4 {
    font-weight: 600;

    margin-bottom: calculateRem(12);
    @include breakpoint(mobile) {
      font-size: calc(#{$mobile-h4-font-size} * #{$font-size-multiplier});
      line-height: 24px;
    }
    @include breakpoint(tablet) {
      font-size: $buildable-h4-size;
      line-height: $buildable-h4-line-height;
    }
  }
  h5 {
    font-size: calculateRem(20);
    line-height: calculateRem(24);
    font-weight: 600;

    margin-bottom: calculateRem(12);
    @include breakpoint(mobile) {
      font-size: calc(#{$mobile-h5-font-size} * #{$font-size-multiplier});
      line-height: 22px;
    }
    @include breakpoint(tablet) {
      font-size: $buildable-h5-size;
      line-height: $buildable-h5-line-height;
    }
  }
  h6 {
    font-weight: 600;

    margin-right: 0;
    margin-bottom: calculateRem(12);
    margin-left: 0;
    @include breakpoint(mobile) {
      font-size: calc(#{$mobile-h6-font-size} * #{$font-size-multiplier});
      line-height: 22px;
    }
    @include breakpoint(tablet) {
      font-size: $buildable-h6-size;
      line-height: $buildable-h6-line-height;
    }
  }


  // Paragraph text specification
  p {
    font-size: calc(#{$base-font-size} * #{$font-size-multiplier});
    line-height: 27px;
    font-weight: 400;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: calculateRem(36);
    margin-left: 0;
  }

  li {
    font-size: calc(#{$base-font-size} * #{$font-size-multiplier});
    line-height: 27px;
    font-weight: 400;
  }

  // Anchor/link text specification
  a {
    cursor: pointer;
    color: $admin-primary-color;
    text-decoration: none;
    &:not(.button):not(.icon-button):not(.no-hover):not(.no-link-styles):hover {
      color: setLinkHoverColor($admin-primary-color);
    }
    &.no-hover {
      color: inherit;
    }
  }
}
