$font-size-base:              1rem;
$font-size-sm:                $font-size-base * .875;
$font-size-lg:                $font-size-base * 1.25;

$font-weight-lighter:         lighter;
$font-weight-light:           300;
$font-weight-normal:          400;
$font-weight-bold:            700;
$font-weight-bolder:          bolder;

$font-weight-regular: normal;
$font-weight-medium: 500;
$font-weight-semibold: 600;
$font-weight-bold: bold;

$font-weight-base:            $font-weight-normal;

$line-height-base:            1.5;
$line-height-sm:              1.25;
$line-height-lg:              2;

// Headings
$h1-font-size:                $font-size-base * 2.5;   // 40px
$h2-font-size:                $font-size-base * 2;     // 32px
$h3-font-size:                $font-size-base * 1.75;  // 28px
$h4-font-size:                $font-size-base * 1.5;   // 24px
$h5-font-size:                $font-size-base * 1.25;  // 20px
$h6-font-size:                $font-size-base * 1.125; // 18px


$headings-font-weight: 500;

$display-1-size: 4.5rem;    // 72px
$display-2-size: 3.75rem;   // 60px
$display-3-size: 3rem;      // 48px
$display-4-size: 2.5rem;    // 40px
$display-5-size: 2rem;      // 32px
$display-6-size: 1.5rem;    // 24px
$display-7-size: 1.125rem;  // 18px

$display-font-sizes: (
  1: $display-1-size,
  2: $display-2-size,
  3: $display-3-size,
  4: $display-4-size,
  5: $display-5-size,
  6: $display-6-size,
  7: $display-7-size
);

$display-font-weight: 400;

$font-sizes: (
  1: $h1-font-size,
  2: $h2-font-size,
  3: $h3-font-size,
  4: $h4-font-size,
  5: $h5-font-size,
  6: $h6-font-size,
  base: $font-size-base
);