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

    --color-jet: #343434;
    --color-charcoal: #2F2F2F;
    --color-taupe-gray: #85878D;
    --color-light-gray: #F4F4F4;
    --color-menu-gray: #404041;

    --color-blue: #00bcd4;
}

.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);
}

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

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

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

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

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

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

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

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

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

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

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

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