:root {
    --hpgreen: rgb(53,154,71);
    --green: rgb(114,204,114);
    --greenlight: rgb(185,230,185);
    --greendark: rgb(57,102,57);
    --greensecond: rgb(60, 184, 170);
    --blue: rgb(93,182,229);	
    --bluelight: rgb(174,219,242);	
    --bluedark: rgb(47,92,115);	
    --red: rgb(235,80,80);
    --redlight: rgb(240,153,153);
    --reddark: rgb(112,25,25);
    --yellow: rgb(240,200,80);
    --yellowlight: rgb(254,235,169);
    --yellowdark: rgb(126,107,41);
    --orange: rgb(240, 125, 80);
    --orangelight: rgb(254, 203, 169);
    --orangedark: rgb(126, 65, 41);
    --grey: rgb(155,155,155);
    --greylight: rgb(205,205,205);
    --purple: rgb(148, 60, 184);
    --purplelight: rgb(182, 76, 226);
    --pink: rgb(203,54,148);
    --pinklight: rgb(252,115,201);
    --text-col: rgb(235,235,235);
    --darker-col: rgb(35, 38, 41);
    --dark-col: rgb(52, 58, 64);
    --dark-sec-col: rgb(63, 69, 75);
}

.color-hpgreen {
    color: var(--hpgreen) !important;
}
.color-green {
    color: var(--green) !important;
}
.color-greenlight {
    color: var(--greenlight) !important;
}
.color-greendark {
    color: var(--greendark) !important;
}
.color-greensecond {
    color: var(--greensecond) !important;
}
.color-blue {
    color: var(--blue) !important;
}
.color-bluelight {
    color: var(--bluelight) !important;
}
.color-bluedark {
    color: var(--bluedark) !important;
}
.color-red {
    color: var(--red) !important;
}
.color-redlight {
    color: var(--redlight) !important;
}
.color-reddark {
    color: var(--reddark) !important;
}
.color-yellow {
    color: var(--yellow) !important;
}
.color-yellowlight {
    color: var(--yellowlight) !important;
}
.color-yellowdark {
    color: var(--yellowdark) !important;
}
.color-orange {
    color: var(--orange) !important;
}
.color-orangelight {
    color: var(--orangelight) !important;
}
.color-purple {
    color: var(--purple) !important;
}
.color-purplelight {
    color: var(--purplelight) !important;
}
.color-orangedark {
    color: var(--orangedark) !important;
}
.color-grey {
    color: var(--grey) !important;
}
.color-greylight {
    color: var(--greylight) !important;
}
.color-pink {
    color: var(--pink) !important;
}
.color-pinklight {
    color: var(--pinklight) !important;
}
.color-white {
    color: #fff !important;
}
.color-black {
    color: #000 !important;
}
.color-text {
    color: var(--text-col) !important;
}
.color-darker {
    color: var(--darker-col) !important;
}
.color-dark {
    color: var(--dark-col) !important;
}
.color-dark-sec {
    color: var(--dark-sec-col) !important;
}

.bg-hpgreen {
    background: var(--hpgreen) !important;
}
.bg-green {
    background: var(--green) !important;
}
.bg-greensecond {
    background: var(--green) !important;
}
.bg-greenlight {
    background: var(--greenlight) !important;
}
.bg-greendark {
    background: var(--greendark) !important;
}
.bg-blue {
    background: var(--blue) !important;
}
.bg-bluelight {
    background: var(--bluelight) !important;
}
.bg-bluedark {
    background: var(--bluedark) !important;
}
.bg-red {
    background: var(--red) !important;
}
.bg-redlight {
    background: var(--redlight) !important;
}
.bg-reddark {
    background: var(--reddark) !important;
}
.bg-yellow {
    background: var(--yellow) !important;
}
.bg-yellowlight {
    background: var(--yellowlight) !important;
}
.bg-yellowdark {
    background: var(--yellowdark) !important;
}
.bg-orange {
    background: var(--orange) !important;
}
.bg-orangelight {
    background: var(--orangelight) !important;
}
.bg-purple {
    background: var(--purple) !important;
}
.bg-purplelight {
    background: var(--purplelight) !important;
}
.bg-orangedark {
    background: var(--orangedark) !important;
}
.bg-grey {
    background: var(--grey) !important;
}
.bg-greylight {
    background: var(--greylight) !important;
}
.bg-pink {
    background: var(--pink) !important;
}
.bg-pinklight {
    background: var(--pinklight) !important;
}
.bg-white {
    background: #fff !important;
}
.bg-black {
    background: #000 !important;
}

.bg-primary {
    background: rgba(0, 0, 0, 0.75) !important;
}

.bg-secondary {
    background: rgba(0, 0, 0, 0.6) !important;
}
.bg-darker {
    background: var(--darker-col) !important;
}
.bg-dark {
    background: var(--dark-col) !important;
}
.bg-dark-sec {
    background: var(--dark-sec-col) !important;
}