
/* TEXT  */
.blue-marine {
    color: var(--blue-marine);
}
.red {
    color: var(--red);
}
.red-bright {
    color: var(--red-bright);
}
.blue {
    color: var(--blue);
}
.orange {
    color: var(--orange);
}
.green {
    color: var(--green);
}
.gray {
    color: var(--gray);
}

.gray-light {
    color: var(--gray-light);
}


/* BACKGROUNDS */

.orange_background {
    background-color: var(--orange);
}
.green_background {
    background-color: var(--green);
    color: white;
}

.green-light_background {
    background-color: var(--green-light);
    color: var(--gray);
}

.green-lighter_background {
    background-color: var(--green-lighter);
    color: var(--gray);
}

.green-dark_background {
    background-color: var(--green-dark);
    color: var(--white);
}

.green-darker_background {
    background-color: var(--green-darker);
    color: var(--white);
}

.blue_background {
    background-color: var(--blue);
    color: white;
}

.primary-background {
    background-color: var(--primary-color);
    color: white;
}

.blue-light_background {
    background-color: var(--blue-light);
    color: var(--gray);
}


.blue-marine_background {
    background-color: var(--blue-marine);
    color: white;
}

.blue-lighter_background {
    background-color: var(--blue-lighter);
    color: var(--gray);
}

.blue-dark_background {
    background-color: var(--blue-dark);
    color: var(--white);
}

.blue-darker_background {
    background-color: var(--blue-darker);
    color: var(--white);
}

.gray_background {
    background-color: var(--gray);
    color: white;
}

.gray-light_background {
    background-color: var(--gray-light);
    color: var(--gray);
}

.gray-lighter_background {
    background-color: var(--gray-lighter);
    color: var(--gray);
}

.gray-dark_background {
    background-color: var(--gray-dark);
    color: var(--white);
}

.gray-darker_background {
    background-color: var(--gray-darker);
    color: var(--white);
}


.red_background {
    background-color: var(--red);
    color: white;
}

.red-light_background {
    background-color: var(--red-light);
    color: var(--gray);
}

.red-lighter_background {
    background-color: var(--red-lighter);
    color: var(--gray);
}

.red-lightest-background {
    background-color: var(--red-lightest);
    color: black;
}

.red-dark_background {
    background-color: var(--red-dark);
    color: var(--white);
}

.red-darker_background {
    background-color: var(--red-darker);
    color: var(--white);
}

:root {
    --hypervisor: #FF0073;
}
