/***
 * Typography
 *
 * Default text styles.
 *
 * html:
 *   <h1>Heading Level 1</h1>
 *   <h2>Heading Level 2</h2>
 *   <h3>Heading Level 3</h3>
 *   <h4>Heading Level 4</h4>
 *   <p>Unde quo, minus eaque eligendi cum tempore, nulla, accusamus est labore tenetur modi eveniet obcaecati voluptas eius vitae vero dolorem nobis culpa nihil. Itaque saepe suscipit odit fugit quidem culpa.</p>
 *   <p>Accusantium recusandae, dignissimos rerum quaerat voluptatem quis itaque deleniti sequi autem explicabo dolore delectus, doloremque eos. Accusantium<sup>sup</sup> recusandae<sub>sub</sub> eius, debitis voluptates adipisci aspernatur rem voluptatum, delectus, tempore accusantium dolorum cumque error.</p>
 */

h1,.h1 {
  @include h1;
  @include font-headline;
  margin: 0;
}
h2,.h2 {
  @include h2;
  @include font-headline;
  margin: 0;
}
h3,.h3 {
  @include h3;
  @include font-headline;
  margin: 0;
}
h4,.h4 {
  @include h4;
  @include font-headline;
  margin: 0;
}
h5,.h5,h6,.h6 {
  @include body;
  @include font-headline;
  margin: $vr 0 0;
}
p {
  margin: $vr auto;
}
strong {
  font-weight: 700;
}
em {
  font-style: italic;
}