/* Lightweight dark theme overrides without touching bundled CSS */ /* Applies when is set */ [data-theme="dark"] body { background-color: #0b1220; color: #cbd5e1; } [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 { color: #e5e7eb; } [data-theme="dark"] .invert-color { color: #e5e7eb; } [data-theme="dark"] a { color: #93c5fd; } [data-theme="dark"] a:hover { color: #bfdbfe; } [data-theme="dark"] .button.button-primary { background-color: #2563eb; border-color: #2563eb; } [data-theme="dark"] .button.button-dark { background-color: #1f2937; border-color: #1f2937; } [data-theme="dark"] .has-shadow { box-shadow: 0 10px 30px rgba(0,0,0,0.6); } [data-theme="dark"] .tiles-item-inner, [data-theme="dark"] .pricing .tiles-item-inner, [data-theme="dark"] .news .tiles-item-inner, [data-theme="dark"] .testimonial .tiles-item-inner, [data-theme="dark"] .modal .modal-inner { background-color: #111827; border-color: #1f2937; } [data-theme="dark"] .form-input, [data-theme="dark"] input, [data-theme="dark"] textarea, [data-theme="dark"] select { background-color: #0f172a; border-color: #1f2a44; color: #e2e8f0; } [data-theme="dark"] .pricing .section-header, [data-theme="dark"] .invert-color { color: #e5e7eb; } [data-theme="dark"] .section.has-bg-color, [data-theme="dark"] .section.has-bg-color-cut, [data-theme="dark"] .hero.has-bg-color { background-color: #0b1220; } [data-theme="dark"] .header-nav, [data-theme="dark"] .footer-nav a, [data-theme="dark"] .footer-blocks a { color: #cbd5e1; } [data-theme="dark"] .tab-panel, [data-theme="dark"] .tiles-item-inner, [data-theme="dark"] .pricing-item-content { background-color: #0f172a; } [data-theme="dark"] input[type="range"]::-webkit-slider-runnable-track { background: #1f2937; } [data-theme="dark"] input[type="range"]::-webkit-slider-thumb { background: #2563eb; } [data-theme="dark"] input[type="range"]::-moz-range-track { background: #1f2937; } [data-theme="dark"] input[type="range"]::-moz-range-thumb { background: #2563eb; } [data-theme="dark"] .text-color-low { color: #9aa7b8; } [data-theme="dark"] .text-color-high { color: #e5e7eb; } /* Stronger light-mode contrast for icon tiles */ html:not([data-theme="dark"]) .features-tiles .tiles-item-inner, html:not([data-theme="dark"]) .testimonial .tiles-item-inner { background-color: #ffffff !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 6px 20px rgba(0,0,0,0.06) !important; } html:not([data-theme="dark"]) .features-tiles-item-image, html:not([data-theme="dark"]) .testimonial-item-image { background-color: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 12px !important; padding: 12px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } html:not([data-theme="dark"]) .features-tiles-item-image img, html:not([data-theme="dark"]) .testimonial-item-image img { filter: drop-shadow(0 1px 1px rgba(0,0,0,0.25)) !important; max-height: 56px !important; width: auto !important; }