/********* BACKGROUNDS **********/

.bkgd-color {
    background-color: var(--color);
}

.bkgd-grey1 {
    background-color: var(--grey1);
    color: var(--color-dark);
}

.bkgd-grey2 {
    background-color: var(--grey2);
    color: var(--color-dark);
}

.bkgd-grey3 {
    background-color: var(--grey3);
    color: var(--color-dark);
}

.bkgd-violet1 {
    background-color: var(--violet1);
    color: var(--color-light);
}

.bkgd-violet2 {
    background-color: var(--violet2);
    color: var(--color-light);
}

.bkgd-yellow {
    background-color: var(--yellow);
    color: var(--color-dark);
}

.bkgd-green1 {
    background-color: var(--green1);
    color: var(--color-dark);
}

.bkgd-green2 {
    background-color: var(--green2);
    color: var(--grey2);
}

.bkgd-green3 {
    background-color: var(--green3);
    color: var(--grey2);
}

.bkgd-green4 {
    background-color: var(--green4);
    color: var(--grey2);
}

.bkgd-green5 {
    background-color: var(--green5);
    color: var(--grey2);
}

.bkgd-green6 {
    background-color: var(--green6);
    color: var(--grey2);
}

.bkgd-violet1 {
    background-color: var(--violet1);
    color: var(--color-light);
}

.bkgd-violet2 {
    background-color: var(--violet2);
    color: var(--color-light);
}

.bkgd-violet3 {
    background-color: var(--violet3);
    color: var(--color-light);
}

.bkgd-blue2 {
    background-color: var(--blue2);
    color: var(--color-light);
}


.bkgd-blue2red1 {
    background-color: var(--blue2);
    color: var(--red1);
}

.bkgd-blue3red1 {
    background-color: var(--blue3);
    color: var(--red1);
}



.bkgd-red1 {
    background-color: var(--red1);
    color: var(--color-light);
}

.bkgd-red2 {
    background-color: var(--red2);
    color: var(--color-light);
}

.bkgd-warning {
    background-color: var(--color-warning);
    color: var(--color-light);
}

.bkgd-dark {
    background-color: var(--color-dark);
    color: var(--color-light);
}

.banner-dark {
    background-color: var(--color-banner-dark);
    color: var(--color-light);
}

/*********************************************/
/************ IN MAGENTO CODING *************/
/*********************************************/

.panel.wrapper {
    background-color: var(--color-banner-dark);
}