// settings/_settings.typography.scss

$font-family-sans-serif: "Roboto", Helvetica, Arial, sans-serif !default;
$font-family-base: $font-family-sans-serif !default;
$font-family-headings: $font-family-sans-serif !default;

$font-size-root: 1rem !default;

$font-size-base: $font-size-root * 0.875 !default;

$font-weight-lighter: lighter !default;
$font-weight-light: 300 !default;
$font-weight-normal: 400 !default;
$font-weight-bold: 500 !default;
$font-weight-bolder: bolder !default;

$disabled-text-opacity: 0.5 !default;

$font-size-large: $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-weight-headings: $font-weight-bold !default;

$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: $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: $font-size-h5 * 1.714 !default; //24px
$line-height-h6: $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: $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;