/**
 * Heading accent spans — site-specific.
 *
 * On the Text or Heading module, set a custom data attribute:
 *   data-cb-accent="reading-red"
 *
 * Value = token slug from Cahillbrand → Design Tokens (e.g. reading-red, midnight).
 * Use data-cb-accent="white" for white span accents on dark sections.
 *
 * Only <span> elements inside the module are styled — main text keeps
 * its colour from the Divi Design tab. Wrap accent words in a span in the editor.
 *
 * Adapt per client — remove unused colours.
 */

/**
 * Base heading sizes — defaults from --cb-h*-size in _variables.css.
 * Low specificity (:where) so Divi Design tab overrides still apply per module.
 */


.et_pb_section .et_pb_text_inner h1,
.et_pb_section .et_pb_text_inner h2,
.et_pb_section .et_pb_text_inner h3,
.et_pb_section .et_pb_text_inner h4,
.et_pb_section .et_pb_text_inner h5,
.et_pb_section .et_pb_text_inner h6 {
	font-weight: 200;
	letter-spacing: -2px;
	line-height: 1em;
}

.et_pb_section .et_pb_text_inner h1 {
	font-size: var(--cb-h1-size);
}

.et_pb_section .et_pb_text_inner h2 {
	font-size: var(--cb-h2-size);
}

.et_pb_section .et_pb_text_inner h3 {
	font-size: var(--cb-h3-size);
}

.et_pb_section .et_pb_text_inner h4 {
	font-size: var(--cb-h4-size);
}

.et_pb_section .et_pb_text_inner h5 {
	font-size: var(--cb-h5-size);
}

.et_pb_section .et_pb_text_inner h6 {
	font-size: var(--cb-h6-size);
}

[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);
}