/* ================================

	# Colors

	@related: _vars-colors, _colors-dark-light

================================ */

/* ================================

	## Background Colors
	## BG Colors
	(Light is the default default, so .light-area only truly needed if falls inside a .dark-area)

================================ */

/* ----------------------

	### Dark Areas

---------------------- */
.dark-area {
	color: var(--gh-color-white);
}

.dark-area--black {
	background-color: var(--gh-color-black);
}

/* .dark-area a,
.dark-area {
	color: var(--gh-color-white);
} */

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



/* ----------------------

	### Light Areas

---------------------- */
.light-area {
	color: var(--gh-color-black);
	/* color: var(--gh-color-gray3); */
	color: var(--gh-color-gray2);
}

.light-area--white {
	background-color: var(--gh-color-white);
}


/* ----------------------

	=Titles / =Headings

---------------------- */
/* .h1, .h2, .h3, .h4, .h5, .h6 {
	color: var(--black);
} */


/* ----------------------

	### Text Colors

---------------------- */
.white-text {
	color: var(--gh-color-white);
}

.black-text {
	color: var(--gh-color-black);
}

.gray2-text {
	color: var(--gh-color-gray2);
}

.gray3-text {
	color: var(--gh-color-gray3);
}

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

.accent1 {
	color: var(--gh-color-accent1);
}

.accent2 {
	color: var(--gh-color-accent2);
}