:root {
    --dark-blue: #002A39;
    --blue: #016386;
    --light-blue: #0294C8;
    
    --dark-gray: #232323;
    --gray: #585858;
    --medium-gray: #666666;
    --light-gray: #e4e4e4;
    --alt-gray: #f8f8f8;
    
    --orange: #f5821f;
    
    --borders: #DDDDDD;
    --black: #060402;
    --white: #ffffff;
    --hover: #f5821f;
}

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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