//== Typography
$font-size-large:         ceil(($font-size-root * 1.125)) !default; // ~18px
$font-size-medium:        ($font-size-root * 0.875) !default; // 14px
$font-size-small:         $font-size-root * 0.75 !default; // ~12px

$line-height-large:       1.5555555556 !default; //28px;
$line-height-medium:      1.7142857143 !default; //24px;
$line-height-small:       1.3333333333 !default; //16px;

// $line-height-large:

$font-size-h1:            $font-size-root * 2 !default; // ~32px
$font-size-h2:            $font-size-root * 1.75 !default; // ~28px
$font-size-h3:            $font-size-root * 1.25 !default; // ~20px
$font-size-h4:            $font-size-root * 1 !default; //16px
$font-size-h5:            $font-size-root * 0.875 !default; //14px
$font-size-h6:            $font-size-root * 0.75 !default; // ~12px

$line-height-h1:          $font-size-h1 * 1.25 !default; //48px
$line-height-h2:          ceil($font-size-h2 * 1.428) !default; //40px
$line-height-h3:          $font-size-h3 * 1.6 !default; //32px
$line-height-h4:          $font-size-h4 * 1.5 !default; //24px
$line-height-h5:          ceil($font-size-h5 * 1.714) !default; //24px
$line-height-h6:          ceil($font-size-h6 * 1.666) !default; //20px



$font-size-display1:           $font-size-root * 3 !default; //48px
$font-size-display2:           $font-size-root * 2.5 !default; //40px
$font-size-display3:           $font-size-root * 2 !default; //32px
$font-size-display4:           $font-size-root * 1.5 !default; //24px

$line-height-display1:     $font-size-display1 * 1.25 !default; //60px
$line-height-display2:     $font-size-display2 * 1.2  !default; //48px
$line-height-display3:     $font-size-display3 * 1.25 !default; //40px
$line-height-display4:     ceil($font-size-display4 * 1.333) !default; //32px

$font-weight-display1:         $font-weight-light !default;
$font-weight-display2:         $font-weight-light !default;
$font-weight-display3:         $font-weight-light !default;
$font-weight-display4:         $font-weight-light !default;