/* Keep the page shell dark in dark mode instead of leaving a white body canvas. */
:root[data-theme="dark"] body{background:#101113!important;color:#f0f1f3}
:root[data-theme="dark"] .hero.hero-monoton{background:radial-gradient(ellipse at 50% 38%,#25262a 0,#17181b 58%,#101113 86%)!important}
:root[data-theme="dark"] .hero.hero-monoton:before{opacity:.07}
:root[data-theme="dark"] .hero-monoton h1,:root[data-theme="dark"] .hero-about-heading{color:#f4f4f6}
:root[data-theme="dark"] .hero-monoton .hero-text{color:#a4a8b0}
:root[data-theme="dark"] .hero-about-link{color:#aeb2ba}
:root[data-theme="dark"] .features,:root[data-theme="dark"] .about.section,:root[data-theme="dark"] .pricing{color:#f0f1f3}
:root[data-theme="dark"] .section-head h2,:root[data-theme="dark"] .about h2{color:#f2f3f5}
:root[data-theme="dark"] .feature-card,:root[data-theme="dark"] .product-panel{background:#1a1c1f;border-color:#34363b;color:#f1f2f4}
:root[data-theme="dark"] .product-copy h2,:root[data-theme="dark"] .feature-card h3{color:#f2f3f5}
:root[data-theme="dark"] .final-cta{background:#17181b!important}
:root[data-theme="dark"] footer{background:#111214;color:#bfc2c8;border-color:#303237}
:root[data-theme="dark"] .terms-section{background:#191b1e;border-color:#303338;color:#f0f1f3}