/******/
/*** COLOR ***/
/******/

/** BACKGROUNDS + TEXT **/

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

.background-navy {
	background-color: var(--color-navy);
	color: var(--color-neutral);
}

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

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

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

.background-neutral {
	background-color: var(--color-neutral);
	color: var(--color-navy);
}

.background-indigo {
	background-color: var(--color-indigo);
	color: var(--color-neutral);
}

.background-brown {
	background-color: var(--color-brown);
	color: var(--color-neutral);
}

/** LINKS **/

.background-black a, .background-blue a {
	color: var(--color-white);
}

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

p.white {
	color: #FFFFFF;
}

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

/** BUTTONS **/

.background-navy a.button.primary {
	background-color: var(--color-red);
	color: var(--color-neutral);
	border: solid .125rem var(--color-red);
}

.background-navy a.button.secondary {
	background-color: var(--color-navy);
	color: var(--color-neutral);
	border: solid .125rem var(--color-red);
}

.background-brown a.button.primary {
	background-color: var(--color-red);
	color: var(--color-neutral);
	border: solid .125rem var(--color-red);
}

.background-indigo a.button.primary {
	background-color: var(--color-red);
	color: var(--color-neutral);
	border: solid .125rem var(--color-red);
}

.background-indigo a.button.secondary {
	background-color: var(--color-indigo);
	color: var(--color-neutral);
	border: solid .125rem var(--color-neutral);
}

.background-neutral a.button.primary {
	background-color: var(--color-red);
	color: var(--color-neutral);
	border: solid .125rem var(--color-red);
}

.background-neutral a.button.secondary {
	background-color: var(--color-neutral);
	color: var(--color-red);
	border: solid .125rem var(--color-red);
}

.nav-buttons  a.button.primary{
	background-color: var(--color-navy);
	color: var(--color-neutral);
	border: solid .125rem var(--color-navy);
}

.nav-buttons  a.button.secondary {
	background-color: var(--color-neutral);
	color: var(--color-navy);
	border: solid .125rem var(--color-navy);
}

.background-yellow a.button.primary {
	background-color: var(--color-navy);
	color: var(--color-neutral);
	border: solid .125rem var(--color-navy);
}

.background-yellow a.button.secondary {
	background-color: var(--color-yellow);
	color: var(--color-navy);
	border: solid .125rem var(--color-navy);
}

.button.tertiary {
	color: var(--color-navy);
}