/**
 * Dark maroon / slate marketing sections
 *
 * design-system.css sets h1–h6 { color: var(--text-primary) }, which overrides
 * inherited text-white from a parent. This utility restores readable contrast
 * on brand-coloured heroes, table header rows, and CTA bands.
 */

.ec-brand-dark h1,
.ec-brand-dark h2,
.ec-brand-dark h3,
.ec-brand-dark h4,
.ec-brand-dark h5,
.ec-brand-dark h6 {
  color: #ffffff !important;
}

.ec-brand-dark th {
  color: #ffffff !important;
}

/* Outline CTAs on dark: ensure label text stays dark on light/amber-bordered pills */
.ec-brand-dark a.btn-outline-secondary,
.ec-brand-dark a.btn.btn-outline-secondary,
.ec-brand-dark button.btn-outline-secondary,
.ec-brand-dark .btn.btn-outline-secondary {
  background-color: rgba(255, 255, 255, 0.95) !important;
  color: #111827 !important;
  border-color: rgba(251, 191, 36, 0.55) !important;
}

.ec-brand-dark a.btn-outline-secondary:hover,
.ec-brand-dark button.btn-outline-secondary:hover,
.ec-brand-dark .btn.btn-outline-secondary:hover {
  background-color: #fffbeb !important;
  color: #111827 !important;
}