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

/** BACKGROUNDS + TEXT + BUTTONS **/

/* GLOBAL */

/* BARNWOOD BROWN */

.background-barnwood-brown {
	background-color: var(--color-barnwood-brown);
	color: var(--color-compassion-cream);
}

.background-barnwood-brown h1,
.background-barnwood-brown h2,
.background-barnwood-brown h3,
.background-barnwood-brown h4,
.background-barnwood-brown h5,
.background-barnwood-brown h6,
.background-barnwood-brown p,
.background-barnwood-brown li {
	color: var(--color-compassion-cream);
}

.background-barnwood-brown p a,
.background-barnwood-brown a.text-link,
.background-barnwood-brown p.text-link {
	color: var(--color-simple-sky-blue);
}

.background-barnwood-brown .tagline,
.background-barnwood-brown .eyebrow {
	color: var(--color-lemon-lime);
}

/* COMPASSION CREAM */

.background-compassion-cream {
	background-color: var(--color-compassion-cream);
	color: var(--color-barnwood-brown);
}

.background-compassion-cream h1,
.background-compassion-cream h2,
.background-compassion-cream h3,
.background-compassion-cream h4,
.background-compassion-cream h5,
.background-compassion-cream h6,
.background-compassion-cream p,
.background-compassion-cream li,
.background-compassion-cream p a,
.background-compassion-cream a.text-link,
.background-compassion-cream p.text-link {
	color: var(--color-barnwood-brown);
}

.background-compassion-cream .tagline,
.background-compassion-cream .eyebrow {
	color: var(--color-good-work-green);
}

/* GOOD WORK GREEN */

.background-good-work-green {
	background-color: var(--color-good-work-green);
	color: var(--color-compassion-cream);
}

.background-good-work-green h1,
.background-good-work-green h2,
.background-good-work-green h3,
.background-good-work-green h4,
.background-good-work-green h5,
.background-good-work-green h6 {
	color: var(--color-compassion-cream);
}

.background-good-work-green p,
.background-good-work-green li,
.background-good-work-green p a,
.background-good-work-green a.text-link,
.background-good-work-green p.text-link {
	color: var(--color-compassion-cream);
}

.background-good-work-green .tagline,
.background-good-work-green .eyebrow {
	color: var(--color-petal-pink);
}

/* BREEZY BLUE */

.background-breezy-blue {
	background-color: var(--color-breezy-blue);
	color: var(--color-good-work-green);
}

.background-breezy-blue h1,
.background-breezy-blue h2,
.background-breezy-blue h3,
.background-breezy-blue h4,
.background-breezy-blue h5,
.background-breezy-blue h6,
.background-breezy-blue p,
.background-breezy-blue li,
.background-breezy-blue p a,
.background-breezy-blue a.text-link,
.background-breezy-blue p.text-link {
	color: var(--color-good-work-green);
}

.background-breezy-blue .tagline,
.background-breezy-blue .eyebrow {
	color: var(--color-good-work-green);
}

/* PICKLED PATCH */

.background-pickled-patch {
	background-color: var(--color-pickled-patch);
	color: var(--color-compassion-cream);
}

.background-pickled-patch h1,
.background-pickled-patch h2,
.background-pickled-patch h3,
.background-pickled-patch h4,
.background-pickled-patch h5,
.background-pickled-patch h6,
.background-pickled-patch p,
.background-pickled-patch li {
	color: var(--color-compassion-cream);
}

.background-pickled-patch p a,
.background-pickled-patch a.text-link,
.background-pickled-patch p.text-link {
	color: var(--color-simple-sky-blue);
}

.background-pickled-patch .tagline,
.background-pickled-patch .eyebrow {
	color: var(--color-lemon-lime);
}

/* GOOD WORK GREEN */

.background-transparent-dark {
	background-color: transparent;
	color: var(--color-compassion-cream);
}

.background-transparent-dark h1,
.background-transparent-dark h2,
.background-transparent-dark h3,
.background-transparent-dark h4,
.background-transparent-dark h5,
.background-transparent-dark h6,
.background-transparent-dark p,
.background-transparent-dark li,
.background-transparent-dark p a,
.background-transparent-dark a.text-link,
.background-transparent-dark p.text-link {
	color: var(--color-compassion-cream);
}

.background-transparent-dark .tagline,
.background-transparent-dark .eyebrow {
	color: var(--color-lemon-lime);
}

/* GRAVITY FORMS */

.gform_footer input.gform_button,
#field_submit .gform-button.gform-button--color-white.button {
	color: var(--color-warm-white) !important;
	background-color: var(--color-rich-black) !important;
}

/******/
/*** TIPSY DROPS palette — section bg → text/heading/eyebrow contrast ***/
/******/

/* LIGHT backgrounds → rich-black text */
.background-warm-white, .background-sunset-pink, .background-peachy-peach,
.background-buzzy-blue, .background-lemon-yellow, .background-lavender,
.background-sandy-tan {
	color: var(--color-rich-black);
}
.background-warm-white { background-color: var(--color-warm-white); }
.background-sunset-pink { background-color: var(--color-sunset-pink); }
.background-peachy-peach { background-color: var(--color-peachy-peach); }
.background-buzzy-blue { background-color: var(--color-buzzy-blue); }
.background-lemon-yellow { background-color: var(--color-lemon-yellow); }
.background-lavender { background-color: var(--color-lavender); }
.background-sandy-tan { background-color: var(--color-sandy-tan); }

.background-warm-white :is(h1,h2,h3,h4,h5,h6,p,li,a.text-link,p.text-link),
.background-sunset-pink :is(h1,h2,h3,h4,h5,h6,p,li,a.text-link,p.text-link),
.background-peachy-peach :is(h1,h2,h3,h4,h5,h6,p,li,a.text-link,p.text-link),
.background-buzzy-blue :is(h1,h2,h3,h4,h5,h6,p,li,a.text-link,p.text-link),
.background-lemon-yellow :is(h1,h2,h3,h4,h5,h6,p,li,a.text-link,p.text-link),
.background-lavender :is(h1,h2,h3,h4,h5,h6,p,li,a.text-link,p.text-link),
.background-sandy-tan :is(h1,h2,h3,h4,h5,h6,p,li,a.text-link,p.text-link) {
	color: var(--color-rich-black);
}
/* eyebrow pops on light bgs */
.background-warm-white :is(.eyebrow,.tagline) { color: var(--color-raspberry); }
.background-lemon-yellow :is(.eyebrow,.tagline) { color: var(--color-strawberry-red); }
.background-sunset-pink :is(.eyebrow,.tagline),
.background-peachy-peach :is(.eyebrow,.tagline),
.background-buzzy-blue :is(.eyebrow,.tagline),
.background-lavender :is(.eyebrow,.tagline),
.background-sandy-tan :is(.eyebrow,.tagline) { color: var(--color-rich-black); }

/* DARK backgrounds → warm-white text */
.background-rich-black, .background-strawberry-red, .background-raspberry,
.background-garnish-green, .background-near-black {
	color: var(--color-warm-white);
}
.background-rich-black { background-color: var(--color-rich-black); }
.background-strawberry-red { background-color: var(--color-strawberry-red); }
.background-raspberry { background-color: var(--color-raspberry); }
.background-garnish-green { background-color: var(--color-garnish-green); }
.background-near-black { background-color: var(--color-near-black); }

.background-rich-black :is(h1,h2,h3,h4,h5,h6,p,li),
.background-strawberry-red :is(h1,h2,h3,h4,h5,h6,p,li),
.background-raspberry :is(h1,h2,h3,h4,h5,h6,p,li),
.background-garnish-green :is(h1,h2,h3,h4,h5,h6,p,li),
.background-near-black :is(h1,h2,h3,h4,h5,h6,p,li) {
	color: var(--color-warm-white);
}
.background-rich-black :is(.eyebrow,.tagline),
.background-strawberry-red :is(.eyebrow,.tagline),
.background-raspberry :is(.eyebrow,.tagline),
.background-garnish-green :is(.eyebrow,.tagline),
.background-near-black :is(.eyebrow,.tagline) { color: var(--color-lemon-yellow); }
.background-rich-black :is(p a,a.text-link,p.text-link),
.background-strawberry-red :is(p a,a.text-link,p.text-link),
.background-raspberry :is(p a,a.text-link,p.text-link),
.background-garnish-green :is(p a,a.text-link,p.text-link) { color: var(--color-sunset-pink); }
