.bg-pastel-pink{ background-color: var(--abc-light-pink);}
.bg-gray-100{ background-color: var(--bs-gray-100);}
.bg-gray-200{ background-color: var(--bs-gray-200);}
.bg-gray-250{ background-color: var(--abc-gray-250);}
.bg-gray-300{ background-color: var(--bs-gray-300);}
.bg-gray-400{ background-color: var(--bs-gray-400);}
.bg-gray-450{ background-color: var(--abc-gray-450);}
.bg-gray-500{ background-color: var(--bs-gray-500);}
.bg-gray-600{ background-color: var(--bs-gray-600);}

.bg-mask-050{ background-color: rgba(255, 255, 255, 0.050);}
.bg-mask-100{ background-color: rgba(255, 255, 255, 0.10); }
.bg-mask-150{ background-color: rgba(255, 255, 255, 0.15); }
.bg-mask-200{ background-color: rgba(255, 255, 255, 0.20); }
.bg-mask-250{ background-color: rgba(255, 255, 255, 0.25); }
.bg-mask-300{ background-color: rgba(255, 255, 255, 0.30); }
.bg-mask-350{ background-color: rgba(255, 255, 255, 0.35); }
.bg-mask-400{ background-color: rgba(255, 255, 255, 0.40); }
.bg-mask-450{ background-color: rgba(255, 255, 255, 0.45); }
.bg-mask-500{ background-color: rgba(255, 255, 255, 0.50); }
.bg-mask-550{ background-color: rgba(255, 255, 255, 0.55); }
.bg-mask-600{ background-color: rgba(255, 255, 255, 0.60); }
.bg-mask-650{ background-color: rgba(255, 255, 255, 0.65); }
.bg-mask-700{ background-color: rgba(255, 255, 255, 0.70); }
.bg-mask-750{ background-color: rgba(255, 255, 255, 0.75); }
.bg-mask-800{ background-color: rgba(255, 255, 255, 0.80); }
.bg-mask-850{ background-color: rgba(255, 255, 255, 0.85); }
.bg-mask-900{ background-color: rgba(255, 255, 255, 0.90); }
.bg-mask-950{ background-color: rgba(255, 255, 255, 0.95); }

.bg-blur{ backdrop-filter: blur( var(--a-blur));}

.bg-glass{
  background-color: rgba(255, 255, 255, 0.38);
  border: solid 1px rgba(255,255,255,0.50);
}

.bg-dark-050{ background-color: rgba(0,0,0, 0.050);}
.bg-dark-100{ background-color: rgba(0,0,0, 0.100);}
.bg-dark-150{ background-color: rgba(0,0,0, 0.150);}
.bg-dark-200{ background-color: rgba(0,0,0, 0.200);}
.bg-dark-250{ background-color: rgba(0,0,0, 0.250);}
.bg-dark-300{ background-color: rgba(0,0,0, 0.300);}
.bg-dark-350{ background-color: rgba(0,0,0, 0.350);}
.bg-dark-400{ background-color: rgba(0,0,0, 0.400);}
.bg-dark-450{ background-color: rgba(0,0,0, 0.450);}
.bg-dark-500{ background-color: rgba(0,0,0, 0.500);}
.bg-dark-550{ background-color: rgba(0,0,0, 0.550);}
.bg-dark-600{ background-color: rgba(0,0,0, 0.600);}
.bg-dark-650{ background-color: rgba(0,0,0, 0.650);}
.bg-dark-700{ background-color: rgba(0,0,0, 0.700);}
.bg-dark-750{ background-color: rgba(0,0,0, 0.750);}
.bg-dark-800{ background-color: rgba(0,0,0, 0.800);}
.bg-dark-850{ background-color: rgba(0,0,0, 0.850);}
.bg-dark-900{ background-color: rgba(0,0,0, 0.900);}
.bg-dark-950{ background-color: rgba(0,0,0, 0.950);}

.bg-muni { background-color: rgb(68, 255, 0);}
.bg-muni-050{ background-color: rgba(68, 255, 0, 0.050);}
.bg-muni-100{ background-color: rgba(68, 255, 0, 0.100);}
.bg-muni-150{ background-color: rgba(68, 255, 0, 0.150);}
.bg-muni-200{ background-color: rgba(68, 255, 0, 0.200);}

.bg-pink{ background-color: var( --abc-pink);}
.bg-hot-pink { background-color: var( --abc-hot-pink);}
.bg-deep-pink{ background-color: var( --abc-deep-pink);}
.bg-transparent-pink{ background-color: rgb(255,182,193, 0.70);}
.bg-purple{ background-color: var(--abc-purple) !important;}
.bg-neon-blue{ background-color: var( --abc-neon-blue);}
.bg-mesa-control{ background-color: var( --abc-mesa-control) !important;}
.bg-div-cover {
  z-index: auto;
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-blend-mode: darken;
  background-attachment: fixed;
}

.abg-primary{ background-color: var(--a-primary);}
.abg-secondary{ background-color: var( --a-secondary);}
.bg-a-secondary{background-color: var(--a-bg-secondary) !important;}