.color-primary {
  color: var(--color-primary);
}

.color-primary-50 {
  color: var(--color-primary-alpha-50);
}

.color-primary-80 {
  color: var(--color-primary-alpha-80);
}

.bg-primary {
  background-color: var(--color-primary);
}

.bg-primary-10 {
  background-color: var(--color-primary-alpha-10);
}

.bg-primary-20 {
  background-color: var(--color-primary-alpha-20);
}

.bg-primary-50 {
  background-color: var(--color-primary-alpha-50);
}

.bg-primary-80 {
  background-color: var(--color-primary-alpha-80);
}

.bg-primary-90 {
  background-color: var(--color-primary-alpha-90);
}

.color-secondary {
  color: var(--color-secondary);
}

.bg-secondary {
  background-color: var(--color-secondary);
}

.color-white {
  color: var(--color-white);
}

.color-white-10 {
  color: var(--color-white-alpha-10);
}

.color-white-50 {
  color: var(--color-white-alpha-50);
}

.color-white-80 {
  color: var(--color-white-alpha-80);
}

.color-white-darker {
  color: var(--color-white-darker);
}

.bg-white {
  background-color: var(--color-white);
}

.bg-white-05 {
  background-color: var(--color-white-alpha-05)
}

.bg-white-10 {
  background-color: var(--color-white-alpha-10)
}

.bg-white-50 {
  background-color: var(--color-white-alpha-50)
}

.bg-white-80 {
  background-color: var(--color-white-alpha-80)
}

.bg-dark-grey {
  background-color: var(--color-dark-grey);
}

.bg-dark-grey-opacity {
  background-color: var(--color-dark-grey-opacity);
}