/* Dark surfaces need solid light headings, including in the light theme.
   Scope this to actual dark panels rather than changing their light siblings. */
html body #main :is(
    .about-workflow-step, .about-story-visual, .about-vision.dark,
    .about-hero, .about-cta-card, .about-final-cta,
    .faq-support-card, .infinity-contact-side, .services-cta,
    .it-final-box, .blog-side-cta, .solutions-contact-head,
    .erp-saudi-panel.dark, .erp-cta-copy,
    .feature-visual, .quality-panel.dark, .mobile-cta,
    .hr-control, .it-contact-map-copy,
    .reports-dark, .pos-final, .restaurant-final, .school-final,
    .hr-final, .hospital-final, .solutions-hub-hero
) :is(h1, h2, h3, h4, h5, h6) {
    color: #fff !important;
    background-image: none !important;
    -webkit-text-fill-color: currentColor !important;
}
html body #main :is(
    .about-workflow-step, .about-story-visual, .about-vision.dark,
    .about-hero, .about-cta-card, .about-final-cta,
    .faq-support-card, .infinity-contact-side, .services-cta,
    .it-final-box, .blog-side-cta, .solutions-contact-head,
    .erp-saudi-panel.dark, .erp-cta-copy,
    .feature-visual, .quality-panel.dark, .mobile-cta,
    .hr-control, .it-contact-map-copy,
    .reports-dark, .pos-final, .restaurant-final, .school-final,
    .hr-final, .hospital-final, .solutions-hub-hero
) :is(h1, h2, h3, h4, h5, h6) :where(span, a, strong, b) {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
}