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

    --color-dark-blue: #435294;
    --color-gray: #A3A3A3;
    --color-dark-gray: #383838;
    --color-light-gray: #6E6E6E;
    --color-intense-blue: #222222;
    --color-beige: #E4DED7;
}

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

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

.background-dark-blue-transparent{
    background-color: #435294f1;
}

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

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

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

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

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

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

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

.background-intense-blue{
    background-color: var(--color-intense-blue);
}

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

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