:root{
    --color-white: #ffffff;
    --color-black: #000000;

    --color-isabel: #F8F0EB;
    --color-rocket: #867e74;
    --color-lage: #938D84;
    --color-brown: #9F816C;
    --color-dark-green: #2D3630;
    --color-light-gray: #F2F2F2;
    --color-green: #18AE90;
    --color-guyan: #c12e38;
}

/* B&W */

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

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

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

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

/* Colors */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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