/* Explicit overrides only: the empty/default selection leaves the design intact.
   Fixed values ensure that editorial data cannot introduce arbitrary CSS.
   !important makes a selected color win over the former ID-based c4 workaround. */
.ww-site [data-ww-heading-color="white"] {
    --ww-selected-heading-color: #ffffff;
    --ww-selected-heading-shadow: 0 2px 6px rgba(0, 0, 0, .65);
}
.ww-site [data-ww-heading-color="cream"] {
    --ww-selected-heading-color: #fff8e7;
    --ww-selected-heading-shadow: 0 2px 6px rgba(0, 0, 0, .65);
}
.ww-site [data-ww-heading-color="green"] {
    --ww-selected-heading-color: #23462d;
    --ww-selected-heading-shadow: none;
}
.ww-site [data-ww-heading-color="white"] :is(h1,h2,h3,h4,h5,h6,.ww-eyebrow,.ww-card-category),
.ww-site [data-ww-heading-color="cream"] :is(h1,h2,h3,h4,h5,h6,.ww-eyebrow,.ww-card-category),
.ww-site [data-ww-heading-color="green"] :is(h1,h2,h3,h4,h5,h6,.ww-eyebrow,.ww-card-category) {
    color: var(--ww-selected-heading-color) !important;
    text-shadow: var(--ww-selected-heading-shadow) !important;
}
.ww-site [data-ww-heading-color="white"] :is(.element-header,.element-subheader) a,
.ww-site [data-ww-heading-color="cream"] :is(.element-header,.element-subheader) a,
.ww-site [data-ww-heading-color="green"] :is(.element-header,.element-subheader) a {
    color: inherit;
}