/* TODO: Add a reset.css module to normalize elements across browsers */
body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: $color-white;
}

* {
  font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

html {
  font-size: $text-smallest;
  -webkit-font-smoothing: antialiased;
  color: $color-black;
}

body {
  font-size: $text-smallest;
  font-weight: $font-weight-regular;

  h1 {
    margin: 0;
    font-size: $text-largest;
    font-weight: $font-weight-semibold;
  }

  h2 {
    margin: 0;
    font-size: $text-large;
    font-weight: $font-weight-semibold;
  }

  h3 {
    margin: 0;
    font-size: $text-medium;
    font-weight: $font-weight-semibold;
  }

  h4 {
    margin: 0;
    font-size: $text-small;
    font-weight: $font-weight-semibold;
  }

  h5 {
    margin: 0;
    font-size: $text-smallest;
    font-weight: $font-weight-semibold;
  }
}