.blue-solid {
  background: var(--site-primary);
}
.aqua-solid {
  background: var(--site-secondary);
}
.red-solid {
  background: var(--site-danger);
}

.red-gradient {
  background: linear-gradient(to bottom, var(--site-danger), var(--site-danger-orange)) !important;
}

.red-orange-solid {
  background: var(--site-danger-orange);
}

.orange-solid {
  background: var(--site-tertiary);
}

.orange-gradient {
  background: linear-gradient(to bottom, var(--site-warning), var(--site-danger-orange)) !important;
}

.yellow-solid {
  background: var(--site-warning);
}

.lg-gray-solid {
  background: #f6f7f8;
}
.white-solid {
  background: #fff;
}

.gray-solid {
  background: #f9f9f9;
}