/* ==========================================================
   Dark-background section overrides
   --------------------------------------------------------
   .is-dark = canonical modifier for any section with the
   dark-navy (var(--c-primary-dark)) background. Applies the
   background, white text defaults, and inverts h-title /
   h-sub / label-en colors so they read against the dark bg.

   Beige backgrounds (var(--c-bg) / var(--c-bg-alt)) keep the
   default dark-navy h-title — no override needed.

   Yellow accents (var(--c-accent)) read on both, so .em color
   stays gold in either context.
   ========================================================== */

.section.is-dark {
  background: var(--c-primary-dark);
  color: #fff;
}

.section.is-dark .h-title       { color: #fff; }
.section.is-dark .h-title em    { color: var(--c-accent); }
.section.is-dark .h-sub         { color: rgba(255, 255, 255, .8); }
.section.is-dark .label-en      { color: var(--c-accent); }

/* ----- Legacy per-section selectors (kept for back-compat) ----- */
.b2b .h-title,
.trust .h-title,
.sched .h-title,
.mission .h-title,
.safety .h-title,
.contact .h-title,
.recruit .h-title,
.custom .h-title,
.compare .h-title { color: #fff; }

.b2b .h-sub,
.trust .h-sub,
.sched .h-sub,
.mission .h-sub,
.safety .h-sub,
.contact .h-sub,
.recruit .h-sub,
.custom .h-sub,
.compare .h-sub { color: rgba(255, 255, 255, .8); }

.b2b .label-en,
.trust .label-en,
.sched .label-en,
.mission .label-en,
.safety .label-en,
.contact .label-en,
.recruit .label-en,
.custom .label-en,
.compare .label-en { color: var(--c-accent); }