:root{
    --color-white: #ffffff;
    --color-black: #1C1B1B;
    --color-white-changeable: #fff;
    --color-dark-changeable: #000;

    --color-isabel: #F8F0EB;
    --color-rocket: #867E74;
    --color-lage: #867F74;
    --color-brown: #9F816C;
    --color-dark-green: #2D3630;
    --color-light-gray: #fafafa;
    --color-green: #459e98;
    --color-content: #2B2821;
    --color-dark-gray: #464644;
    --color-partner: #DBDBDB;
    --color-background-partner: #F7F4ED;
    --color-gray-bottom: #999;
    --color-partner1: #a5a099;
    --color-partner2: #908980;
    --color-light-white: #fff;
    --color-body: #F2F2F2;
    --color-white-transparent: #ffffff15;
    --color-new-beige: #f1f0ee;
    --color-darker-gray: #666666a1;
}

html.dark {
    --color-rocket: #202020;
    --color-lage: #2b2b2b;
    --color-background-partner: #202020;
    --color-white-changeable: #000;
    --color-dark-changeable: #fff;
    --color-light-white: #313131;
    --color-dark-green: #ffffff;
    --color-gray-bottom: #ffffff;
    --color-partner1: #313131;
    --color-partner2: #2b2b2b;
}

/* 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-white-transparent{
    color: var(--color-white-transparent);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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