:root{
    --color-white: #ffffff;
    --color-black: #000000;
    --color-primary: #F0EEE8;
    --color-secondary: #2D3630;
    --color-extra-1: #424340;
    --color-footer: #31302B;
    --color-footer-text: #F0EEE8;
}

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

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

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

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

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

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

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

.background-secondary{
    background-color: var(--color-secondary) !important;
}

.color-extra-1{
    color: var(--color-extra-1);
}

.background-extra-1{
    background-color: var(--color-extra-1) !important;
}

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

.background-footer{
    background-color: var(--color-footer) !important;
}

.color-footer-text{
    color: var(--color-footer-text) !important;
}

.background-footer-text{
    background-color: var(--color-footer-text) !important;
}