* {
  --black-primary: 5, 5, 5;
  --white-primary: 226, 228, 233;
}

/* 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-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);
}

/* End Font Colors */