:root
{
    --primary-color: #0374AC;
    --tertiary-color: #5FB18B;
    --light-gray: #d5d5d5;
    --lighter-gray: #f5f5f5;
    --md-gray: #54595f;
    --md-gray-2: #8e9095;
    --light-black: #2e2e2e;
    --ldin-blue: #0077b5;
    --mobile-menu-gray: #e5e8f0;
}

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

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

.secondary-colors
{
    background-color: black;
    color: white;
}

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

.hover-colors-dark:hover
{
    color: white;
    background-color: var(--light-black);
}

.btn-colors-dark
{
    color: white;
    background-color: var(--light-black); 
}

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