:root {
    --dark-gray: #333;
    --gray-borders: #DDDDDD;
    --borders: #DDDDDD;
    --alt-gray: #F4F4F4;
    --white: #ffffff;
    --dark-blue: #11224F;
    --blue: #266CB8;
    --light-blue: #ACDCFE;
    --hover: #B8C7F6;
} 

/*Text Colors*/
.dark-gray{
	color: var(--dark-gray);
}

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

a.dark-gray:hover{
	color: var(--hover-color) !important;
}

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

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

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

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

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


/*Background Colors*/
.bg-dark-gray{
    background-color: var(--dark-gray);
}

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

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

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

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

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