/* * Light-surface contrast — hero, about, services, why-pragya. * Load near end of . Do NOT use broad "#section *" — it breaks gradient CTAs. */ /* Opaque panels (WCAG tools read rgba white as #fff) */ #about div[style*="background:rgba(255,255,255"], #about div[style*="background: rgba(255,255,255"] { background-color: #ffffff !important; background-image: none !important; } /* Body copy on white / light cards — never target here */ #about div[style*="background:rgba(255,255,255"] :is(p, h2, h3, span, strong, div):not(a), #about div[style*="background: rgba(255,255,255"] :is(p, h2, h3, span, strong, div):not(a), #about div[style*="background:#ffffff"] :is(p, h3, h4, span, div):not(a), #about div[style*="background: #ffffff"] :is(p, h3, h4, span, div):not(a), #service div[style*="background:#ffffff"] :is(p, h3, h4, span, div):not(a), #service div[style*="background: #ffffff"] :is(p, h3, h4, span, div):not(a), #why-pragya .why-wow-reason :is(p, h3, span, div):not(a) { color: #0f172a !important; -webkit-text-fill-color: #0f172a !important; } #about div[style*="background:#ffffff"] p[style*="color:#334155"], #about div[style*="background:#ffffff"] span[style*="color:#334155"], #service div[style*="background:#ffffff"] p[style*="color:#334155"], #service p[style*="color:#334155"], #service p[style*="color:#3a5568"], #why-pragya .why-wow-reason p { color: #334155 !important; -webkit-text-fill-color: #334155 !important; } html:not(.site-a11y-hc) .mo-highlights__inner, html:not(.site-a11y-hc) .mo-highlight__title { color: #0f172a !important; -webkit-text-fill-color: #0f172a !important; } html:not(.site-a11y-hc) .mo-highlight__sub { color: #334155 !important; -webkit-text-fill-color: #334155 !important; } /* Ghost / outline links on light sections */ #why-pragya a[style*="border:"]:not([style*="linear-gradient"]), #service a[style*="border:"]:not([style*="linear-gradient"]), #about a[style*="border:"]:not([style*="linear-gradient"]) { color: #2563eb !important; -webkit-text-fill-color: #2563eb !important; background-color: transparent !important; background-image: none !important; border-color: rgba(37, 99, 235, 0.35) !important; } /* ── Gradient CTA buttons: normal mode only (HC = black + white in hc-light-sections.css) ── */ html:not(.site-a11y-hc) #home a[style*="linear-gradient"], html:not(.site-a11y-hc) #about a[style*="linear-gradient"], html:not(.site-a11y-hc) #service a[style*="linear-gradient"], html:not(.site-a11y-hc) #why-pragya a[style*="linear-gradient"] { background-image: none !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-decoration-color: #ffffff !important; } html:not(.site-a11y-hc) #home a[style*="linear-gradient"] i, html:not(.site-a11y-hc) #about a[style*="linear-gradient"] i, html:not(.site-a11y-hc) #service a[style*="linear-gradient"] i, html:not(.site-a11y-hc) #why-pragya a[style*="linear-gradient"] i, html:not(.site-a11y-hc) #home a[style*="linear-gradient"] .fa, html:not(.site-a11y-hc) #about a[style*="linear-gradient"] .fa, html:not(.site-a11y-hc) #service a[style*="linear-gradient"] .fa, html:not(.site-a11y-hc) #why-pragya a[style*="linear-gradient"] .fa { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html:not(.site-a11y-hc) #service a[style*="linear-gradient"][style*="2563eb"], html:not(.site-a11y-hc) #service a[style*="linear-gradient"][style*="1d4ed8"], html:not(.site-a11y-hc) #service a[style*="linear-gradient"][style*="1e40af"], html:not(.site-a11y-hc) #about a[style*="linear-gradient"][style*="1d4ed8"], html:not(.site-a11y-hc) #about a[style*="linear-gradient"][style*="2563eb"], html:not(.site-a11y-hc) #why-pragya a[style*="linear-gradient"][style*="1d4ed8"], html:not(.site-a11y-hc) #why-pragya a[style*="linear-gradient"][style*="1e40af"] { background-color: #1e40af !important; border-color: #1e3a8a !important; } html:not(.site-a11y-hc) #home a[style*="linear-gradient"], html:not(.site-a11y-hc) #about a[style*="linear-gradient"], html:not(.site-a11y-hc) #service a[style*="linear-gradient"], html:not(.site-a11y-hc) #why-pragya a[style*="linear-gradient"] { background-color: #2563eb !important; border-color: #1d4ed8 !important; } html:not(.site-a11y-hc) #service div[style*="background:#ffffff"] a[style*="linear-gradient"], html:not(.site-a11y-hc) #service div[style*="background: #ffffff"] a[style*="linear-gradient"], html:not(.site-a11y-hc) #about div[style*="background:#ffffff"] a[style*="linear-gradient"], html:not(.site-a11y-hc) #about div[style*="background: #ffffff"] a[style*="linear-gradient"], html:not(.site-a11y-hc) #why-pragya .why-wow-stats-card a[style*="linear-gradient"] { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html:not(.site-a11y-hc) #service div[style*="background:#ffffff"] a[style*="linear-gradient"], html:not(.site-a11y-hc) #about div[style*="background:#ffffff"] a[style*="linear-gradient"] { background-color: #2563eb !important; } html:not(.site-a11y-hc) #service div[style*="background:#ffffff"] a[style*="linear-gradient"][style*="1d4ed8"], html:not(.site-a11y-hc) #service div[style*="background:#ffffff"] a[style*="linear-gradient"][style*="2563eb"], html:not(.site-a11y-hc) #why-pragya .why-wow-stats-card a[style*="linear-gradient"] { background-color: #1e40af !important; } /* ── Hero (light theme): normal mode only ── */ html:not(.site-a11y-hc) header.hero-premium a.hero-cta-primary, html:not(.site-a11y-hc) #home a.hero-cta-primary, html:not(.site-a11y-hc) .hero-premium .hero-cta-primary.btn { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background-color: #2563eb !important; background-image: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important; border-color: rgba(29, 78, 216, 0.65) !important; box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important; } html:not(.site-a11y-hc) header.hero-premium a.hero-cta-primary:hover, html:not(.site-a11y-hc) #home a.hero-cta-primary:hover, html:not(.site-a11y-hc) .hero-premium .hero-cta-primary.btn:hover { background-color: #1d4ed8 !important; background-image: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important; border-color: rgba(30, 64, 175, 0.75) !important; } html:not(.site-a11y-hc) header.hero-premium a.hero-cta-secondary, html:not(.site-a11y-hc) #home a.hero-cta-secondary, html:not(.site-a11y-hc) .hero-premium .hero-cta-secondary.btn { color: #0f2a44 !important; -webkit-text-fill-color: #0f2a44 !important; background-color: #ffffff !important; background-image: none !important; border: 1px solid rgba(15, 23, 42, 0.16) !important; } html:not(.site-a11y-hc) header.hero-premium a.hero-cta-secondary:hover, html:not(.site-a11y-hc) #home a.hero-cta-secondary:hover, html:not(.site-a11y-hc) .hero-premium .hero-cta-secondary.btn:hover { color: #2563eb !important; -webkit-text-fill-color: #2563eb !important; background-color: #f8fbff !important; border-color: rgba(37, 99, 235, 0.34) !important; } /* Skip link must never compute as #fff on #fff */ a.skip-link.visually-hidden-focusable:not(:focus):not(:focus-within) { color: #0f172a !important; -webkit-text-fill-color: #0f172a !important; background-color: #e2e8f0 !important; border: 1px solid #94a3b8 !important; } a.skip-link.visually-hidden-focusable:focus, a.skip-link.visually-hidden-focusable:focus-visible { color: #0f172a !important; -webkit-text-fill-color: #0f172a !important; background-color: #e2e8f0 !important; }