// Base
// -----------------------------------------------
// -----------------------------------------------
// Body, html
// -----------------------------------------------

body {
  margin: 0;
  color: #333;
  background: $white-color;
  font-family: $font-family;
}

a {
  color: $brand-secondary;
  text-decoration: none;
}

.container {
  max-width: $content-width;
  margin: 0 auto;
  padding: 0 ($base-point-grid * 3);
}

h1,
h2,
h3,
h4,
h5 {
  font-family: $title-font-family;
}
h1 {
  font-size: 2.2rem;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.6rem;
}
h4 {
  font-size: 1.3rem;
}

// Base
// -----------------------------------------------
// -----------------------------------------------
// Body, html
// -----------------------------------------------

body {
  margin: 0;
  color: $text-color;
  background: $white-color;
  font-family: $font-family;
}

a {
  color: $brand-secondary;
  text-decoration: none;
}

.container {
  max-width: $content-width;
  margin: 0 auto;
  padding: 0 ($base-point-grid * 3);
}

h1,
h2,
h3,
h4,
h5 {
  font-family: $title-font-family;
}
h1 {
  font-size: 2.2rem;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.6rem;
}
h4 {
  font-size: 1.3rem;
}

Set text-color var for the text color in the body
Set text-color var for the text color in the body
