/* ==========================================================================
   Heading colour.

   Loaded last. Headings render black on light grounds and white on the deep
   green footer, where black would be unreadable. Body copy, labels and
   metadata keep their muted tones so hierarchy still reads.

   #111111 rather than #000000: on a white ground pure black vibrates at large
   display sizes. #111 is visually black and easier to read. Swap the two
   values below if literal #000 is wanted.
   ========================================================================== */

:root   { --mi-heading: #111111; }
.mi-dark { --mi-heading: #FFFFFF; }

.mi-display,
.mi-h2,
.mi-hero__title,
.mi-pagehead__title,
.mi-pillar__title,
.mi-plat__name,
.mi-svc__name,
.mi-proc__name,
.mi-path__title,
.mi-ins__title,
.mi-ind__name,
.mi-cta__title,
.mi-map__name,
.mi-impact__fig,
.mi-manifesto__lead p,
.mi-feature__copy h2,
.mi-proc__card h3,
.mi-foot__col h3 {
  color: var(--mi-heading);
}

/* Section headings inside light panels stay black even when the panel is
   tinted, since the panel ground is still light. */
.mi-alt  .mi-h2,
.mi-wash .mi-h2 { color: var(--mi-heading); }

/* The footer column labels sit on deep green, so they follow the dark rule. */
.mi-dark .mi-foot__col h3 { color: #C3DACB; }

/* Deliberate exceptions, kept in the accent so the page still has a voice:
   the hero sub-line, the manifesto turn, and numeric indices. */
.mi-hero__sub,
.mi-manifesto__turn { color: var(--mi-bronze); }