/*
 * CMA recolor — dark-section brand headings
 * ------------------------------------------
 * The brand "gradient text" heading style (.text-primary-coral-gradient) is a
 * pink -> blue gradient clipped to the text. That reads fine on light sections
 * but the blue end is illegible on dark sections. On dark backgrounds we keep
 * the gradient but swap the blue end for gold: pink (#FF4DD8) -> gold (#FCBC0F).
 *
 * It applies in two ways:
 *   1. Automatically, when the heading sits inside a reliable dark-background
 *      marker (.bg-black, .bg-brand-black, .bg-brand-pale-black, .dark-section).
 *   2. Via the `heading-dark` class, added to headings whose section is dark
 *      through a context-dependent component class (e.g. the certification
 *      templates, where the same class is dark in one variant and white in
 *      another). `heading-dark` may be placed on the heading element or on the
 *      gradient span itself.
 *
 * Light-section headings are intentionally left untouched (still pink -> blue).
 */
.bg-black .text-primary-coral-gradient,
.bg-brand-black .text-primary-coral-gradient,
.bg-brand-pale-black .text-primary-coral-gradient,
.dark-section .text-primary-coral-gradient,
/* Component sections that are always dark (verified in source CSS). Covers
   JS-injected banner titles and shared partials without per-file markup edits. */
.resources-section .text-primary-coral-gradient,
.post-banner .text-primary-coral-gradient,
.new-awards-section .text-primary-coral-gradient,
.image-content.dark .text-primary-coral-gradient,
.pmm-chart-slider.dark-mode .text-primary-coral-gradient,
/* Explicitly-tagged headings (see `heading-dark` in the templates) */
.heading-dark .text-primary-coral-gradient,
.heading-dark.text-primary-coral-gradient {
  background: linear-gradient(90deg, #FF4DD8 0%, #FCBC0F 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}