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

    --color-red: #CF103D;
    --color-gray: #707070;
    --color-dark-red: #8A122E;
    --color-burgundy: #670018;
    --color-dark-gray: #232323;
    --color-red-background-dark: #7a1028;
}

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

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

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

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

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

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

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

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

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

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

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

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