$primary-color: #333;

body {
  color: $primary-color;
}

nav {
  background-color: lighten($primary-color, 20%);
}

h1 {
  font-size: 2em;
  color: darken($primary-color, 10%);
}

.button {
  background-color: $primary-color;
  &:hover {
    background-color: lighten($primary-color, 10%);
  }
}