$primary-color: #000000;
$primary-color-light: lighten($primary-color, 50%);
$primary-color-dark: darken($primary-color, 50%);
$secondary-color: #ffffff;
$secondary-color-light: lighten($secondary-color, 50%);
$secondary-color-dark: darken($secondary-color, 50%);
$tertiary-color: #bdbdbd;
$quaternary-color: #e6e6e6;
$quinary-color: #e63312;
$senary-color: #c9cacf;

.primary-color {
  color: $primary-color;
}
.secondary-color {
  color: $secondary-color;
}
.tertiary-color {
  color: $tertiary-color;
}
.quaternary-color {
  color: $quaternary-color;
}
.quinary-color {
  color: $quinary-color;
}

.primary-bg {
  background-color: $primary-color;
}
.secondary-bg {
  background-color: $secondary-color;
}
.quinary-bg {
  background-color: $quinary-color;
}
.tertiary-bg {
  background-color: $tertiary-color;
}