:root {
	--neutral: #FFFAF4;
	--green: #132111;
	--moss: #49694B;
	--pistachio: #A9BFA9;
	--taupe: #C4B095;
}

/* BACKGROUNDS */

/* NEUTRAL */
.background-neutral {
	background-color: var(--neutral);
	color: var(--green);
}

.background-neutral .eyebrow,
.background-neutral a {
	color: var(--moss);
}

/* GREEN */
.background-green {
	background-color: var(--green);
	color: var(--neutral);
}

.background-green .eyebrow,
.background-green a {
	color: var(--taupe);
}

/* MOSS */
.background-moss {
	background-color: var(--moss);
	color: var(--neutral);
}

.background-moss .eyebrow,
.background-moss a {
	color: var(--pistachio);
}

/* PISTACHIO */
.background-pistachio {
	background-color: var(--pistachio);
	color: var(--green);
}

.background-pistachio .eyebrow,
.background-pistachio a {
	color: var(--green);
}

/* TAUPE */
.background-taupe {
	background-color: var(--taupe);
	color: var(--green);
}

.background-taupe .eyebrow,
.background-taupe a {
	color: var(--green);
}

/* GLOBAL NAV */
.global-nav a {
	color: var(--neutral);
}