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

.background-none {
	background: transparent;
	color: inherit;
}

.background-clarity-stone {
	background-color: var(--color-clarity-stone);
	color: var(--color-confident-charcoal);
}

.background-confident-charcoal {
	background-color: var(--color-confident-charcoal);
	color: var(--color-clarity-stone);
}

.background-navigator-green {
	background-color: var(--color-navigator-green);
	color: var(--color-clarity-stone);
}

.background-heritage-brown {
	background-color: var(--color-heritage-brown);
	color: var(--color-confident-charcoal);
}

.background-growth-sage {
	background-color: var(--color-growth-sage);
	color: var(--color-confident-charcoal);
}

.background-venture-orange {
	background-color: var(--color-venture-orange);
	color: var(--color-confident-charcoal);
}

[class*="background-"] a {
	color: inherit;
}

.background-confident-charcoal a:focus-visible,
.background-navigator-green a:focus-visible {
	outline-color: var(--color-clarity-stone);
}