/* Shared heading colours across the home, service and contact pages. */
:root {
  --heading-mint: #86E4C4;
  --heading-mint-on-light: #287B63;
}
:is(h1, h2, h3, h4, h5, h6, [role="heading"]) {
  color: var(--heading-mint);
}
/* A deeper mint keeps headings legible on the existing off-white panels. */
:is(.stories, .project-section, .colour-feature, .catalogue) :is(h1, h2, h3, h4, h5, h6, [role="heading"]) {
  color: var(--heading-mint-on-light);
}