// Test layout of Vertical Rhythm - 3:4 -perfect fourth
@import "functions";
@import "type_sizes";

$base-font-size: 1rem;
$base-line-height: 1.25rem;
$measure: 984px;

$h1-font-size: 2.375rem;
$h1-line: 1.25rem;
$h1-lines: 2;
$h1-line-height: $h1-line * $h1-lines;
$h1-margin-top: 2 * $h1-line;
$h1-margin-bottom: 1 * $h1-line;

$h2-font-size: 1.75rem;
$h2-line: 1.25rem;
$h2-lines: 2;
$h2-line-height: $h2-line * $h2-lines;
$h2-margin-top: 2 * $h2-line;
$h2-margin-bottom: 1 * $h2-line;

$h3-font-size: 1.3125rem;
$h3-line: 1.25rem;
$h3-lines: 2;
$h3-line-height: $h3-line * $h3-lines;
$h3-margin-top: 1 * $h3-line;
$h3-margin-bottom: 1 * $h3-line;

$h4-font-size: 1.3125rem;
$h4-line: 1.25rem;
$h4-lines: 2;
$h4-line-height: $h4-line * $h4-lines;
$h4-margin-top: 1 * $h4-line;
$h4-margin-bottom: 1 * $h4-line;


h1 {
  font-family: $font_light;
  font-style: normal;
  font-weight: 800;
  font-size: $h1-font-size;
  line-height: $h1-line-height;
  letter-spacing: 0.05rem;
  margin: $h1-margin-top 0 $h1-margin-bottom;
}

h2 {
  font-family: $font_light;
  font-style: normal;
  font-weight: normal;
  font-size: $h2-font-size;
  line-height: $h2-line-height;
  letter-spacing: 0.008rem;
  margin: $h2-margin-top 0 $h2-margin-bottom;
}

h3 {
  font-family: $font_light;
  font-style: normal;
  font-weight: 800;
  font-size: $h3-font-size;
  line-height: $h3-line-height;
  letter-spacing: 0.05rem;
  margin: $h3-margin-top 0 $h3-margin-bottom;
}

h4 {
  font-family: $font_light;
  font-style: normal;
  font-weight: normal;
  font-size: $h4-font-size;
  line-height: $h4-line-height;
  letter-spacing: 0.008rem;
  margin: $h4-margin-top 0 $h4-margin-bottom;
}

p {
  font-family: $font_regular;
  font-size: $base-font-size;
  line-height: $base-line-height;
  margin: $base-font-size 0;
}