/* =================================== */
/* ============== FARBEN ============== */
/* =================================== */

:root{
    --color-white: #ffffff;
    --color-light-gray: #F1F2F2;
    --color-flash-white: #ececec;
    --color-black: #000000;
    --color-gunmetal: #262626;
    --color-light-green: #006666;
    --color-light-blue: #ada394;
    --color-dark-blue: #cac3b9;
    --color-blue: #0F2330;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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