/* Font Colors */
.bg-primary {
  background-color: rgba(
    var(--background-primary),
    var(--background-opacity)
  ) !important;
}

.bg-secondary {
  background-color: rgba(
    var(--background-secondary),
    var(--background-opacity)
  ) !important;
}

.bg-tertiary {
  background-color: rgba(
    var(--background-tertiary),
    var(--background-opacity)
  ) !important;
}

.bg-quaternary {
  background-color: rgba(
    var(--background-quaternary),
    var(--background-opacity)
  ) !important;
}

.bg-quinary {
  background-color: rgba(
    var(--background-quinary),
    var(--background-opacity)
  ) !important;
}

.bg-blue-primary {
  background-color: rgba(
    var(--blue-primary),
    var(--background-opacity)
  ) !important;
}

.bg-blue-secondary {
  background-color: rgba(
    var(--blue-secondary),
    var(--background-opacity)
  ) !important;
  color: rgba(var(--white-primary), var(--text-opacity)) !important;
}

.bg-red-primary {
  background-color: rgba(
    var(--red-primary),
    var(--background-opacity)
  ) !important;
}

.bg-pink-primary {
  background-color: rgba(
    var(--pink-primary),
    var(--background-opacity)
  ) !important;
}

.bg-yellow-primary {
  background-color: rgba(
    var(--yellow-primary),
    var(--background-opacity)
  ) !important;
}

.bg-green-primary {
  background-color: rgba(
    var(--green-primary),
    var(--background-opacity)
  ) !important;
}

.bg-font-primary {
  background-color: rgba(
    var(--text-primary),
    var(--background-opacity)
  ) !important;
}

.bg-font-secondary {
  background-color: rgba(
    var(--text-secondary),
    var(--background-opacity)
  ) !important;
}

.text-reverse {
  color: rgba(var(--background-primary), var(--text-opacity)) !important;
}

.bg-gradient-secondary-primary {
  background-color: rgba(
    var(--background-secondary),
    var(--background-opacity)
  );
  background-image: linear-gradient(
    to right,
    rgba(var(--background-secondary), var(--background-opacity)),
    rgba(var(--background-primary), var(--background-opacity))
  );
}

.bg-none {
  background-color: transparent;
}

.text-white {
  color: white !important;
}

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

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

.text-inverse {
  color: rgba(var(--background-primary), var(--text-opacity)) !important;
}

/* End Font Colors */