/*
 * The restoration layers 78–84 contain legacy literal hero colors with
 * !important. Keep them for the visual fallback, but let the active palette
 * win for every hero accent when data-palette is present on the root element.
 */

html[data-palette] body .copp-hero__copy h1 span,
html[data-palette] body .copp-news-hero__title span,
html[data-palette] body .copp-gallery-hero__title span,
html[data-palette] body .copp-knowledge-hero__title span {
    color: var(--copp-red) !important;
    -webkit-text-fill-color: var(--copp-red) !important;
}

html[data-palette] body .copp-hero__copy h1,
html[data-palette] body .copp-hero__copy > p,
html[data-palette] body .copp-news-hero__title,
html[data-palette] body .copp-gallery-hero__title,
html[data-palette] body .copp-knowledge-hero__title,
html[data-palette] body .copp-news-hero__subtitle,
html[data-palette] body .copp-news-hero__lead,
html[data-palette] body .copp-gallery-hero__subtitle,
html[data-palette] body .copp-knowledge-hero__subtitle,
html[data-palette] body .copp-knowledge-hero__lead {
    color: var(--copp-ink) !important;
    -webkit-text-fill-color: var(--copp-ink) !important;
}