/* Shared frontend typography colors, matched with the index page palette. */
:root {
    --front-heading-color: #0f172a;
    --front-text-color: #64748b;
    --front-strong-color: #1e293b;
    --front-accent-color: #1e40af;
    --front-hero-blue: #003787;
}

body {
    color: var(--front-strong-color);
}

main :where(h1, h2, h3, h4, h5, h6),
section :where(h1, h2, h3, h4, h5, h6),
.bex-public-page :where(h1, h2, h3, h4, h5, h6),
.bxy-page :where(h1, h2, h3, h4, h5, h6) {
    color: var(--front-heading-color);
}

main :where(p, li),
section :where(p, li),
.bex-public-page :where(p, li),
.bxy-page :where(p, li) {
    color: var(--front-text-color);
}

main :where(strong, b),
section :where(strong, b),
.bex-public-page :where(strong, b),
.bxy-page :where(strong, b) {
    color: var(--front-strong-color);
}

main :where(a:not(.btn):not([class*="btn"])),
section :where(a:not(.btn):not([class*="btn"])),
.bex-public-page :where(a:not(.btn):not([class*="btn"])),
.bxy-page :where(a:not(.btn):not([class*="btn"])) {
    color: var(--front-accent-color);
}

.main-text-second-slider,
.highlight-about,
.highlight-modern,
.highlight-service,
.highlight-industries,
.highlight-faq,
.highlight-blog,
.highlight-contact,
.bex-public-card i + h2,
.bex-public-card i + h3 {
    color: var(--front-hero-blue);
}

/* Preserve readable white text inside dark/overlay hero and CTA sections. */
.bex-home-hero :where(h1, h2, h3, h4, h5, h6, p, li, strong, b),
.bex-about-hero :where(h1, h2, h3, h4, h5, h6, p, li, strong, b),
.bex-image-band :where(h1, h2, h3, h4, h5, h6, p, li, strong, b),
.bex-about-band :where(h1, h2, h3, h4, h5, h6, p, li, strong, b),
.bex-home-cta :where(h1, h2, h3, h4, h5, h6, p, li, strong, b),
.bxy-hero-section :where(h1, h2, h3, h4, h5, h6, p, li, strong, b),
.bxy-subject-band :where(h1, h2, h3, h4, h5, h6, p, li, strong, b),
.bxy-dark-panel :where(h1, h2, h3, h4, h5, h6, p, li, strong, b),
.bex-public-hero :where(h1, h2, h3, h4, h5, h6, p, li, strong, b),
.cnt-page-header :where(h1, h2, h3, h4, h5, h6, p, li, strong, b),
.cnt-consult-card :where(h1, h2, h3, h4, h5, h6, p, li, strong, b),
.abt-cta-wrapper :where(h1, h2, h3, h4, h5, h6, p, li, strong, b),
.srd-cta-wrapper :where(h1, h2, h3, h4, h5, h6, p, li, strong, b) {
    color: inherit;
}
