/**
 * Autonemo — unified light / dark surface typography for all custom modules.
 * Light surfaces always use dark text; dark surfaces always use light text.
 */

/* ------------------------------------------------------------------ tokens */
:root {
	--autonemo-on-dark: #ffffff;
	--autonemo-on-dark-muted: rgba(255, 255, 255, 0.78);
	--autonemo-on-dark-soft: rgba(255, 255, 255, 0.62);
	--autonemo-on-light: #0b0c0c;
	--autonemo-on-light-body: #3d3d42;
	--autonemo-on-light-muted: #6e6e73;
}

/* ------------------------------------------------------------------ dark site canvas */
body.dark,
body.dark #app,
body.dark :where(h1, h2, h3, h4, h5, h6):not(.autonemo-surface-light :where(h1, h2, h3, h4, h5, h6)):not(.autonemo-page-content :where(h1, h2, h3, h4, h5, h6)) {
	color: var(--autonemo-on-dark);
	-webkit-text-fill-color: var(--autonemo-on-dark);
}

body.dark :where(p, li, span, label, td, th):not(.autonemo-surface-light :where(p, li, span, label, td, th)):not(.autonemo-page-content :where(p, li, span, label, td, th)) {
	color: var(--autonemo-on-dark-muted);
	-webkit-text-fill-color: var(--autonemo-on-dark-muted);
}

/* ------------------------------------------------------------------ light site canvas */
body:not(.dark),
body:not(.dark) #app {
	color: var(--autonemo-on-light);
	background-color: var(--autonemo-white);
}

body:not(.dark) :where(h1, h2, h3, h4, h5, h6):not(.autonemo-surface-dark :where(h1, h2, h3, h4, h5, h6)):not(.home3-banner-section :where(h1, h2, h3, h4, h5, h6)):not(.home3-countdown-section :where(h1, h2, h3, h4, h5, h6)) {
	color: var(--autonemo-on-light);
	-webkit-text-fill-color: var(--autonemo-on-light);
}

body:not(.dark) :where(p, li):not(.autonemo-surface-dark :where(p, li)):not(.home3-banner-section :where(p, li)):not(.home3-countdown-section :where(p, li)) {
	color: var(--autonemo-on-light-muted);
	-webkit-text-fill-color: var(--autonemo-on-light-muted);
}

/* ------------------------------------------------------------------ light-surface modules (always dark type) */
body.dark :is(.autonemo-surface-light, .autonemo-page-content):not(:has(.autonemo-atlas)),
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content):not(:has(.autonemo-atlas)),
body.home-dark2 :is(.autonemo-surface-light, .autonemo-page-content):not(:has(.autonemo-atlas)) {
	color: var(--autonemo-on-light-body);
}

body.dark :is(.autonemo-surface-light, .autonemo-page-content):not(:has(.autonemo-atlas)) :where(h1, h2, h3, h4, h5, h6),
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content):not(:has(.autonemo-atlas)) :where(h1, h2, h3, h4, h5, h6),
body.home-dark2 :is(.autonemo-surface-light, .autonemo-page-content):not(:has(.autonemo-atlas)) :where(h1, h2, h3, h4, h5, h6) {
	color: var(--autonemo-on-light) !important;
	-webkit-text-fill-color: var(--autonemo-on-light) !important;
}

body.dark :is(.autonemo-surface-light, .autonemo-page-content):not(:has(.autonemo-atlas)) :where(p, li, label, .autonemo-vms-trio__points li),
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content):not(:has(.autonemo-atlas)) :where(p, li, label, .autonemo-vms-trio__points li),
body.home-dark2 :is(.autonemo-surface-light, .autonemo-page-content):not(:has(.autonemo-atlas)) :where(p, li, label, .autonemo-vms-trio__points li) {
	color: var(--autonemo-on-light-body) !important;
	-webkit-text-fill-color: var(--autonemo-on-light-body) !important;
}

/* Demo page — sidebar perks card (light card, readable body text) */
body :is(.autonemo-surface-light, .autonemo-page-content) .autonemo-demo-aside__card :where(p, li) {
	color: var(--autonemo-ash-text) !important;
	-webkit-text-fill-color: var(--autonemo-ash-text) !important;
}

body :is(.autonemo-surface-light, .autonemo-page-content) .autonemo-demo-aside__card .autonemo-demo-aside__tag {
	color: var(--autonemo-red) !important;
	-webkit-text-fill-color: var(--autonemo-red) !important;
}

body :is(.autonemo-surface-light, .autonemo-page-content) .autonemo-demo-aside__card .autonemo-demo-aside__stat-num {
	color: var(--autonemo-black) !important;
	-webkit-text-fill-color: var(--autonemo-black) !important;
}

body :is(.autonemo-surface-light, .autonemo-page-content) .autonemo-demo-aside__card .autonemo-demo-aside__stat-label {
	color: var(--autonemo-ash-text) !important;
	-webkit-text-fill-color: var(--autonemo-ash-text) !important;
}

body.dark :is(.autonemo-surface-light, .autonemo-page-content) .autonemo-mark--accent,
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) .autonemo-mark--accent,
body.home-dark2 :is(.autonemo-surface-light, .autonemo-page-content) .autonemo-mark--accent {
	color: var(--autonemo-red) !important;
	-webkit-text-fill-color: var(--autonemo-red) !important;
}

/* ------------------------------------------------------------------ primary buttons (site-wide label + hover) */
body :is(a, button).primary-btn1,
body .primary-btn1:is(a, button),
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(a, button).primary-btn1 {
	background-color: var(--autonemo-red) !important;
	border: 1px solid var(--autonemo-red) !important;
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

body :is(a, button).primary-btn1 > span,
body :is(a, button).primary-btn1::after,
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(a, button).primary-btn1 > span,
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(a, button).primary-btn1::after {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

body :is(a, button).primary-btn1:hover,
body :is(a, button).primary-btn1:focus-visible,
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(a, button).primary-btn1:hover {
	background-color: var(--autonemo-black) !important;
	border-color: var(--autonemo-black) !important;
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

body :is(a, button).primary-btn1:hover > span,
body :is(a, button).primary-btn1:hover::after,
body :is(a, button).primary-btn1:focus-visible > span,
body :is(a, button).primary-btn1:focus-visible::after,
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(a, button).primary-btn1:hover > span,
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(a, button).primary-btn1:hover::after {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

body :is(a, button).primary-btn2,
body .primary-btn2:is(a, button),
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(a, button).primary-btn2 {
	background-color: var(--autonemo-black) !important;
	border: 1px solid var(--autonemo-black) !important;
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

body :is(a, button).primary-btn2 > span,
body :is(a, button).primary-btn2::after,
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(a, button).primary-btn2 > span,
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(a, button).primary-btn2::after {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

body :is(a, button).primary-btn2:hover,
body :is(a, button).primary-btn2:focus-visible,
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(a, button).primary-btn2:hover {
	background-color: var(--autonemo-red) !important;
	border-color: var(--autonemo-red) !important;
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

body :is(a, button).primary-btn2:hover > span,
body :is(a, button).primary-btn2:hover::after,
body :is(a, button).primary-btn2:focus-visible > span,
body :is(a, button).primary-btn2:focus-visible::after,
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(a, button).primary-btn2:hover > span,
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(a, button).primary-btn2:hover::after {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

/* Theme pricing / pay buttons on marketing pages */
body .pay-btn,
body .pay-btn > span,
body .pay-btn::after {
	color: var(--autonemo-white) !important;
	-webkit-text-fill-color: var(--autonemo-white) !important;
}

body .pricing-card .pay-btn {
	background: var(--autonemo-black) !important;
	border-color: var(--autonemo-black) !important;
}

body .pricing-card .pay-btn:hover {
	background: var(--autonemo-red) !important;
	border-color: var(--autonemo-red) !important;
}

/* Dark CTA bands inside light marketing pages (workflow, modules, atlas) */
body.dark :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) :where(h1, h2, h3, h4, h5, h6),
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) :where(h1, h2, h3, h4, h5, h6),
body.home-dark2 :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) :where(h1, h2, h3, h4, h5, h6) {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

body.dark :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) :where(p, li),
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) :where(p, li),
body.home-dark2 :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) :where(p, li) {
	color: rgba(255, 255, 255, 0.85) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;
}

body.dark :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn2,
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn2,
body.home-dark2 :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn2 {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	background: rgba(255, 255, 255, 0.1) !important;
	border-color: rgba(255, 255, 255, 0.35) !important;
}

body.dark :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn2 > span,
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn2 > span,
body.home-dark2 :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn2 > span,
body.dark :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn2::after,
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn2::after,
body.home-dark2 :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn2::after {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

body.dark :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn2:hover,
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn2:hover,
body.home-dark2 :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn2:hover {
	color: #1a1a1a !important;
	-webkit-text-fill-color: #1a1a1a !important;
	background: #fff !important;
}

body.dark :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn2:hover > span,
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn2:hover > span,
body.home-dark2 :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn2:hover > span,
body.dark :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn2:hover::after,
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn2:hover::after,
body.home-dark2 :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn2:hover::after {
	color: #1a1a1a !important;
	-webkit-text-fill-color: #1a1a1a !important;
}

body.dark :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn1 > span,
body:not(.dark) :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn1 > span,
body.home-dark2 :is(.autonemo-surface-light, .autonemo-page-content) :is(.wf-cta, .mod-detail-cta) .primary-btn1 > span {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

/* Module-specific light bands */
body.dark .autonemo-vms-trio__title,
body.dark .autonemo-vms-trio__card-title,
body.dark .autonemo-client-testimonials__title,
body.dark .autonemo-why-choose__title,
body.dark .autonemo-why-choose__text,
body.home-dark2 .autonemo-industries__title,
body.home-dark2 .autonemo-industries__label,
body.home-dark2 .autonemo-vms-trio__title,
body.home-dark2 .autonemo-vms-trio__card-title,
body.home-dark2 .autonemo-client-testimonials__title {
	color: var(--autonemo-on-light) !important;
	-webkit-text-fill-color: var(--autonemo-on-light) !important;
}

body.dark .autonemo-vms-trio__lead,
body.dark .autonemo-vms-trio__card-intro,
body.dark .autonemo-client-testimonials__lead,
body.dark .autonemo-why-choose__copy p,
body.dark .autonemo-solution-card__text,
body.dark .autonemo-client-testimonial__quote,
body.home-dark2 .autonemo-vms-trio__lead,
body.home-dark2 .autonemo-vms-trio__card-intro,
body.home-dark2 .autonemo-client-testimonials__lead {
	color: var(--autonemo-on-light-body) !important;
	-webkit-text-fill-color: var(--autonemo-on-light-body) !important;
}

body.dark .autonemo-vms-trio__points li,
body.home-dark2 .autonemo-vms-trio__points li {
	color: var(--autonemo-on-light-muted) !important;
	-webkit-text-fill-color: var(--autonemo-on-light-muted) !important;
}

body.dark .autonemo-client-testimonial__company,
body.home-dark2 .autonemo-client-testimonial__company {
	color: #0d3d4a !important;
	-webkit-text-fill-color: #0d3d4a !important;
}

body.dark .autonemo-solution-card__title,
body.home-dark2 .autonemo-solution-card__title {
	color: var(--autonemo-red) !important;
	-webkit-text-fill-color: var(--autonemo-red) !important;
}

/* Contact + marketing pages (light panels in dark site mode) */
body.dark .autonemo-contact-page,
body.dark .autonemo-bangla-faq,
body.dark .autonemo-page-content:not(.autonemo-atlas) {
	color: var(--autonemo-on-light-body);
}

body.dark .autonemo-contact-page :where(h1, h2, h3),
body.dark .autonemo-bangla-faq :where(h1, h2, h3),
body.dark .autonemo-page-content:not(.autonemo-atlas) :where(h1, h2, h3) {
	color: var(--autonemo-on-light) !important;
	-webkit-text-fill-color: var(--autonemo-on-light) !important;
}

body.dark .autonemo-contact-page :where(p, li),
body.dark .autonemo-bangla-faq :where(p, li, summary, .bangla-faq-item__answer),
body.dark .autonemo-page-content:not(.autonemo-atlas) :where(p, li) {
	color: var(--autonemo-on-light-body) !important;
	-webkit-text-fill-color: var(--autonemo-on-light-body) !important;
}

body.dark .autonemo-contact-eyebrow,
body.dark .autonemo-bangla-faq .bangla-faq-eyebrow {
	color: var(--autonemo-red) !important;
	-webkit-text-fill-color: var(--autonemo-red) !important;
}

body.dark .autonemo-bangla-faq .bangla-faq-stats strong {
	color: var(--autonemo-on-light) !important;
	-webkit-text-fill-color: var(--autonemo-on-light) !important;
}

body.dark .autonemo-bangla-faq .bangla-faq-stats span {
	color: var(--autonemo-on-light-muted) !important;
	-webkit-text-fill-color: var(--autonemo-on-light-muted) !important;
}

/* ------------------------------------------------------------------ dark-surface modules (always light type) */
body.dark .autonemo-surface-dark,
body:not(.dark) .autonemo-surface-dark,
body.dark .autonemo-feature-marquee,
body.dark .autonemo-footer {
	color: var(--autonemo-on-dark-muted);
}

body.dark .autonemo-surface-dark :where(h1, h2, h3, h4, h5, h6),
body:not(.dark) .autonemo-surface-dark :where(h1, h2, h3, h4, h5, h6),
body.dark .autonemo-feature-marquee :where(h1, h2, h3, h4),
body.dark .autonemo-footer :where(h1, h2, h3, h4) {
	color: var(--autonemo-on-dark) !important;
	-webkit-text-fill-color: var(--autonemo-on-dark) !important;
}

body.dark .autonemo-surface-dark :where(p, li, span, label),
body:not(.dark) .autonemo-surface-dark :where(p, li, span, label),
body.dark .autonemo-feature-marquee :where(p, li, span),
body.dark .autonemo-footer :where(p, li, span) {
	color: var(--autonemo-on-dark-muted) !important;
	-webkit-text-fill-color: var(--autonemo-on-dark-muted) !important;
}

body.dark .autonemo-feature-marquee__eyebrow {
	color: var(--autonemo-on-dark-soft) !important;
	-webkit-text-fill-color: var(--autonemo-on-dark-soft) !important;
}

body.dark .autonemo-feature-marquee__title,
body.dark .autonemo-marquee-card__label {
	color: var(--autonemo-on-dark) !important;
	-webkit-text-fill-color: var(--autonemo-on-dark) !important;
}

body.dark .autonemo-feature-marquee__lead {
	color: var(--autonemo-on-dark-muted) !important;
	-webkit-text-fill-color: var(--autonemo-on-dark-muted) !important;
}

/* ------------------------------------------------------------------ Elementor homepage sections (Zenfy widgets) */
body.dark .home3-banner-section .banner-content :where(h1, h2, h3) {
	color: var(--autonemo-black, #0b0c0c) !important;
	-webkit-text-fill-color: var(--autonemo-black, #0b0c0c) !important;
}

body.dark .home3-banner-section .banner-content p {
	color: #454545 !important;
	-webkit-text-fill-color: #454545 !important;
}

body.dark .home3-countdown-section .section-title :where(h2, span) {
	color: var(--autonemo-on-dark) !important;
	-webkit-text-fill-color: var(--autonemo-on-dark) !important;
}

body.dark .home3-countdown-section .section-title p {
	color: var(--autonemo-on-dark-muted) !important;
	-webkit-text-fill-color: var(--autonemo-on-dark-muted) !important;
}

body.dark .home3-feature-section .section-title :where(h2, span) {
	color: var(--autonemo-on-dark) !important;
	-webkit-text-fill-color: var(--autonemo-on-dark) !important;
}

body.dark .home3-feature-section .section-title p,
body.dark .home3-feature-section .single-feature .content :where(h6, p) {
	color: var(--autonemo-on-dark-muted) !important;
	-webkit-text-fill-color: var(--autonemo-on-dark-muted) !important;
}

body.dark .home3-feature-section .single-feature .content h6 {
	color: var(--autonemo-on-dark) !important;
	-webkit-text-fill-color: var(--autonemo-on-dark) !important;
}

/* Process — section title on dark band; cards follow card panel */
body.dark .home3-process-section .section-title :where(h2, span, p),
body.home-dark2:not(.dark) .home3-process-section .section-title :where(h2, span, p) {
	color: var(--autonemo-on-light) !important;
	-webkit-text-fill-color: var(--autonemo-on-light) !important;
}

body.dark .home3-process-section .process-card .content h4 {
	color: var(--autonemo-on-dark) !important;
	-webkit-text-fill-color: var(--autonemo-on-dark) !important;
}

body.dark .home3-process-section .process-card .content p {
	color: var(--autonemo-on-dark-muted) !important;
	-webkit-text-fill-color: var(--autonemo-on-dark-muted) !important;
}

body:not(.dark) .home3-process-section .process-card .content h4 {
	color: var(--autonemo-on-light) !important;
	-webkit-text-fill-color: var(--autonemo-on-light) !important;
}

body:not(.dark) .home3-process-section .process-card .content p {
	color: #4a4a4f !important;
	-webkit-text-fill-color: #4a4a4f !important;
}

/* Logo strip + FAQ + pricing + blog widget headings on dark home */
body.dark .logo-section .logo-wrap .logo-title,
body.dark .home1-faq-section .section-title :where(h2, span),
body.dark .home3-faq-section .section-title :where(h2, span),
body.dark .home1-pricing-section .section-title :where(h2, span),
body.dark .home3-pricing-section .section-title :where(h2, span),
body.dark .home1-blog-section .section-title :where(h2, span),
body.dark .home3-blog-section .section-title :where(h2, span) {
	color: var(--autonemo-on-dark) !important;
	-webkit-text-fill-color: var(--autonemo-on-dark) !important;
}

body.dark .logo-section .logo-wrap p,
body.dark .home1-faq-section .section-title p,
body.dark .home3-faq-section .section-title p,
body.dark .home1-pricing-section .section-title p,
body.dark .home3-pricing-section .section-title p,
body.dark .home1-blog-section .section-title p,
body.dark .home3-blog-section .section-title p {
	color: var(--autonemo-on-dark-muted) !important;
	-webkit-text-fill-color: var(--autonemo-on-dark-muted) !important;
}

body.dark .home1-faq-section .accordion-item .accordion-button,
body.dark .home3-faq-section .accordion-item .accordion-button,
body.dark .home1-faq-section .accordion-body,
body.dark .home3-faq-section .accordion-body {
	color: var(--autonemo-on-dark-muted) !important;
	-webkit-text-fill-color: var(--autonemo-on-dark-muted) !important;
}

body.dark .pricing-plan-section .pricing-card :where(h3, h4, h5, p, li, span),
body.dark .pricing-plan-wrap .pricing-card :where(h3, h4, h5, p, li, span) {
	color: var(--autonemo-on-dark-muted) !important;
	-webkit-text-fill-color: var(--autonemo-on-dark-muted) !important;
}

/* Light mode homepage (toggle off dark) — dark text on light/ash sections only */
body:not(.dark) .home3-process-section .section-title :where(h2, span, p),
body:not(.dark) .home3-feature-section .section-title :where(h2, span, p),
body:not(.dark) .logo-section .logo-wrap .logo-title {
	color: var(--autonemo-on-light) !important;
	-webkit-text-fill-color: var(--autonemo-on-light) !important;
}

body:not(.dark) .home3-feature-section .section-title p {
	color: var(--autonemo-on-light-muted) !important;
	-webkit-text-fill-color: var(--autonemo-on-light-muted) !important;
}

/* Inner page wrapper (features, tools, etc.) */
body.dark .page-wrapper,
body.dark .page-content-wrapper,
body.dark .elementor-widget-text-editor,
body.dark .elementor-widget-theme-post-content {
	color: var(--autonemo-on-dark-muted);
}

body.dark .page-wrapper :where(h1, h2, h3, h4),
body.dark .page-content-wrapper :where(h1, h2, h3, h4),
body.dark .elementor-widget-text-editor :where(h1, h2, h3, h4) {
	color: var(--autonemo-on-dark) !important;
	-webkit-text-fill-color: var(--autonemo-on-dark) !important;
}

body.dark .page-wrapper :where(p, li),
body.dark .page-content-wrapper :where(p, li),
body.dark .elementor-widget-text-editor :where(p, li) {
	color: var(--autonemo-on-dark-muted) !important;
	-webkit-text-fill-color: var(--autonemo-on-dark-muted) !important;
}

body:not(.dark) .page-wrapper :where(h1, h2, h3, h4),
body:not(.dark) .page-content-wrapper :where(h1, h2, h3, h4) {
	color: var(--autonemo-on-light) !important;
	-webkit-text-fill-color: var(--autonemo-on-light) !important;
}

body:not(.dark) .page-wrapper :where(p, li),
body:not(.dark) .page-content-wrapper :where(p, li) {
	color: var(--autonemo-on-light-muted) !important;
	-webkit-text-fill-color: var(--autonemo-on-light-muted) !important;
}

/* Bangla FAQ page — light document surface even in dark site mode */
body.dark.autonemo-bangla-faq-page,
body.dark.autonemo-bangla-faq-page .autonemo-page-content {
	background: var(--autonemo-white);
	color: var(--autonemo-on-light-body);
}

body.dark.autonemo-bangla-faq-page .autonemo-page-content :where(h1, h2, h3, p, li, summary) {
	color: var(--autonemo-on-light-body) !important;
	-webkit-text-fill-color: var(--autonemo-on-light-body) !important;
}

body.dark.autonemo-bangla-faq-page .autonemo-page-content :where(h1, h2, h3) {
	color: var(--autonemo-on-light) !important;
	-webkit-text-fill-color: var(--autonemo-on-light) !important;
}