:root {
    --black: #666666;
    --gray: #707070;
    --medium-gray: #DFDFDF;
    --borders: #E6E6E6;
    --light-gray: #F8F8F8;
    --white: #ffffff;
    
    --red: #D10124;
    --pink: #FF0954;
    --dark-blue: #233291;
    --blue: #0077B6;
    --teal : #199EB0;
    --light-blue: #90E0EF;
    --orange: #F39E1F;
    --yellow: #E9CA5B;
    --tan: #DED7B9;
    --light-tan: #F2F1EC;
    --green: #68BD45;
    --gold: #C6A222;
    
    --hover: #233291;
} 

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


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

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

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

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

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

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

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

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

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

.orange,
a.orange{
	color: var(--orange) !important;
}

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

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

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

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

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


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

.bg-light-gray{
    background-color: var(--light-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-medium-gray{
	background-color: var(--medium-gray);
}

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

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

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

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

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

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

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

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

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