.text-gray-100 {
  color: #161616;
}

.text-gray-90 {
  color: #262626;
}

.text-gray-80 {
  color: #393939;
}

.text-gray-70 {
  color: #525252;
}

.text-gray-60 {
  color: #6F6F6F;
}

.text-gray-50 {
  color: #8D8D8D;
}

.text-gray-40 {
  color: #A8A8A8;
}

.text-gray-30 {
  color: #C6C6C6;
}

.text-gray-20 {
  color: #E0E0E0;
}

.text-gray-15 {
  color: #eeeeee;
}

.text-gray-10 {
  color: #F4F4F4;
}

.text-gray-00 {
  color: #fafafa;
}

.text-danger-color {
  color: #EB0100;
}

.text-success-color {
  color: #04A600;
}

.text-card-logos {
  color: #F4F4F4;
}

.text-card-swatch {
  color: #F4F4F4;
}

.text-card-typography {
  color: #00367D;
}

.text-card-swatch-1 {
  color: #056AE6;
}

.text-card-swatch-2 {
  color: #00367D;
}

.text-card-swatch-3 {
  color: #8D8D8D;
}

.bg-gray-100 {
  background-color: #161616;
}

.bg-gray-90 {
  background-color: #262626;
}

.bg-gray-80 {
  background-color: #393939;
}

.bg-gray-70 {
  background-color: #525252;
}

.bg-gray-60 {
  background-color: #6F6F6F;
}

.bg-gray-50 {
  background-color: #8D8D8D;
}

.bg-gray-40 {
  background-color: #A8A8A8;
}

.bg-gray-30 {
  background-color: #C6C6C6;
}

.bg-gray-20 {
  background-color: #E0E0E0;
}

.bg-gray-15 {
  background-color: #eeeeee;
}

.bg-gray-10 {
  background-color: #F4F4F4;
}

.bg-gray-00 {
  background-color: #fafafa;
}

.bg-danger-color {
  background-color: #EB0100;
}

.bg-success-color {
  background-color: #04A600;
}

.bg-card-logos {
  background-color: #F4F4F4;
}

.bg-card-swatch {
  background-color: #F4F4F4;
}

.bg-card-typography {
  background-color: #00367D;
}

.bg-card-swatch-1 {
  background-color: #056AE6;
}

.bg-card-swatch-2 {
  background-color: #00367D;
}

.bg-card-swatch-3 {
  background-color: #8D8D8D;
}

.card-typography-font-size {
  font-weight: 600;
  font-size: 9rem;
}

@media (min-width: 576px) {
  .card-typography-font-size {
    font-size: 6rem;
  }
}

@media (min-width: 768px) {
  .card-typography-font-size {
    font-size: 8.5rem;
  }
}

@media (min-width: 992px) {
  .card-typography-font-size {
    font-size: 7.5rem;
  }
}

@media (min-width: 1200px) {
  .card-typography-font-size {
    font-size: 8.5rem;
  }
}