/**
 * Heading styles — site-specific.
 *
 * Sizes use --cb-h*-size from _variables.css.
 * Selectors are scoped to Divi modules so they beat Customizer globals
 * (e.g. h1 { font-size: 36px }). Per-module Design tab font sizes still
 * override via inline styles when set.
 *
 * Accent colours: data-cb-accent="reading-red" on the module (see below).
 */

/* --- Heading sizes -------------------------------------------------------- */

.et_pb_section .et_pb_text_inner h1,
.et_pb_section .et_pb_heading h1,
.et_pb_section .et_pb_slide_description h1,
.et_pb_section .et_pb_title_container h1,
.et_pb_section .et_pb_fullwidth_header h1 {
	font-size: var(--cb-h1-size);
}

.et_pb_section .et_pb_text_inner h2,
.et_pb_section .et_pb_heading h2,
.et_pb_section .et_pb_slide_description h2,
.et_pb_section .et_pb_title_container h2,
.et_pb_section .et_pb_fullwidth_header h2 {
	font-size: var(--cb-h2-size);
}

.et_pb_section .et_pb_text_inner h3,
.et_pb_section .et_pb_heading h3,
.et_pb_section .et_pb_slide_description h3,
.et_pb_section .et_pb_title_container h3,
.et_pb_section .et_pb_fullwidth_header h3 {
	font-size: var(--cb-h3-size);
}

.et_pb_section .et_pb_text_inner h4,
.et_pb_section .et_pb_heading h4,
.et_pb_section .et_pb_slide_description h4,
.et_pb_section .et_pb_title_container h4,
.et_pb_section .et_pb_fullwidth_header h4 {
	font-size: var(--cb-h4-size);
}

.et_pb_section .et_pb_text_inner h5,
.et_pb_section .et_pb_heading h5,
.et_pb_section .et_pb_slide_description h5,
.et_pb_section .et_pb_title_container h5,
.et_pb_section .et_pb_fullwidth_header h5 {
	font-size: var(--cb-h5-size);
}

.et_pb_section .et_pb_text_inner h6,
.et_pb_section .et_pb_heading h6,
.et_pb_section .et_pb_slide_description h6,
.et_pb_section .et_pb_title_container h6,
.et_pb_section .et_pb_fullwidth_header h6 {
	font-size: var(--cb-h6-size);
}

/* --- Accent spans (data-cb-accent on module) ------------------------------ */

[data-cb-accent] span {
	font-weight: 700;
	font-style: normal;
}

[data-cb-accent="dawn-light"] span {
	color: var(--cb-dawn-light);
}

[data-cb-accent="pale-clay"] span {
	color: var(--cb-pale-clay);
}

[data-cb-accent="midnight"] span {
	color: var(--cb-midnight);
}

[data-cb-accent="reading-red"] span {
	color: var(--cb-reading-red);
}

[data-cb-accent="lilac-dusk"] span {
	color: var(--cb-lilac-dusk);
}

[data-cb-accent="purple-haze"] span {
	color: var(--cb-purple-haze);
}

[data-cb-accent="ultraviolet"] span {
	color: var(--cb-ultraviolet);
}

[data-cb-accent="bitten-berry"] span {
	color: var(--cb-bitten-berry);
}

[data-cb-accent="bark-blush"] span {
	color: var(--cb-bark-blush);
}

[data-cb-accent="pearl"] span {
	color: var(--cb-pearl);
}

[data-cb-accent="lilac-spore"] span {
	color: var(--cb-lilac-spore);
}

[data-cb-accent="cherry"] span {
	color: var(--cb-cherry);
}

[data-cb-accent="burnt-orange"] span {
	color: var(--cb-burnt-orange);
}

[data-cb-accent="twilight-purple"] span {
	color: var(--cb-twilight-purple);
}

[data-cb-accent="butter"] span {
	color: var(--cb-butter);
}

[data-cb-accent="white"] span {
	color: var(--cb-white, #ffffff);
}