:root{
    --color-white: #ffffff;
    --color-black: #000000;
    --color-beige: #F6F1ED;
    --color-green: #6F7567;
    --color-navigation: #878786;
    --color-dark-green: #5e615a;
    --color-nav-green: #606955;
}

.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-beige{
    color: var(--color-beige);
}

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

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

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

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

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

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

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

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

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