:root{
    --color-white: #ffffff;
    --color-black: #161615;
    --color-dark-brown: #817773;
    --color-light-brown: #AD9A8F;
    --color-header: #a89183;
    --color-olive: #616059;
    --color-beige: #E3D5CA;
    --color-light-gray: #F3F3F3;
    --color-dark: #000;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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