@charset "UTF-8";

/********************************* color styles *******************************/

.color-none
{
    color: none;
}

.color-white
{
    color: white;
}

.color-gray
{
    color: gray;
}

.color-black
{
    color: black;
}

.color-red
{
    color: red;
}

.color-cherry-red
{
    color: var(--cherry-red);
}

.color-green
{
    color: green;
}

.color-avocado-green
{
    color: var(--avocado-green);
}

.color-cerulean
{
    color: var(--cerulean);
}

.color-el-orange
{
    color: #ff7400;
}

.color-blue
{
    color: blue;
}

.color-cyan
{
    color: cyan;
}

.color-magenta
{
    color: magenta;
}

.color-yellow
{
    color: yellow;
}

.color-orange
{
    color: orange;
}

.color-purple
{
    color: purple;
}

.color-lime
{
    color: lime;
}




.bg-color-trans
{
    background-color: transparent;
}

.bg-color-white
{
    background-color: white;
}

.bg-color-gray
{
    background-color: gray;
}

.bg-color-black
{
    background-color: black;
}

.bg-color-red
{
    background-color: red;
}

.bg-color-green
{
    background-color: green;
}

.bg-color-blue
{
    background-color: blue;
}

.bg-color-cyan
{
    background-color: cyan;
}

.bg-color-magenta
{
    background-color: magenta;
}

.bg-color-yellow
{
    background-color: yellow;
}

.bg-color-orange
{
    background-color: orange;
}

.bg-color-purple
{
    background-color: purple;
}

.bg-color-lime
{
    background-color: lime;
}