$primary-color: #555555;
$primary-color-alt: rgba(85, 85, 85, 0.5);
$primary-color-alt-2: #eaeaea;
$secondary-color: #365d95;
$tertiary-color: #53900f;
$quaternary-color: #dfb80e;

.color-primary {
  color: $primary-color;
}
.color-primary-alt {
  color: $primary-color-alt;
}
.color-primary-alt-2 {
  color: $primary-color-alt-2;
}
.color-secondary {
  color: $secondary-color;
}
.color-tertiary {
  color: $tertiary-color;
}
.color-quaternary {
  color: $quaternary-color;
}
.color-white {
  color: #fff;
}

.bg-primary {
  background-color: $primary-color;
}
.bg-primary-alt {
  background-color: $primary-color-alt;
}
.bg-primary-alt-2 {
  background-color: $primary-color-alt-2;
}
.bg-secondary {
  background-color: $secondary-color;
}
.bg-tertiary {
  background-color: $tertiary-color;
}
.bg-quaternary {
  background-color: $quaternary-color;
}
.bg-white {
  background-color: #fff;
}