/* ───────────────────────────────────────────── FusionLens — Dark Mode Overrides Activated via Additive only — light mode is never touched. ───────────────────────────────────────────── */ /* ── CSS VARIABLE OVERRIDES ─────────────────── */ /* html[data-theme="dark"] specificity = 0,1,1 — beats :root (0,1,0) in ProductPage.css so these values win even though dark-theme.css is loaded before page-specific CSS. */ html[data-theme="dark"] { --fl-bg: #0d1829; --fl-surface: #0f1f3d; --fl-surface-2: #162032; --fl-border: rgba(255,255,255,0.07); --fl-border-b: rgba(59,130,246,0.30); --fl-primary: #60a5fa; --fl-text-1: #f1f5f9; --fl-text-2: #cbd5e1; --fl-text-3: #94a3b8; } /* ── BODY ── */ [data-theme="dark"] body { background: #0d1829; color: #94a3b8; } /* ── SECTIONS ───────────────────────────────── Only override sections that use white/light bgs. Hero, navbar, footer, demo CTA already stay dark. ──────────────────────────────────────────────── */ [data-theme="dark"] .fl-section-light { background: #0d1829; } [data-theme="dark"] .fl-section-dark-blob { background: #0f1f3d; } [data-theme="dark"] .fl-how-section { background: #0d1829; border-top-color: rgba(255,255,255,0.05); border-bottom-color: rgba(255,255,255,0.05); } /* "Who Is It For" – matched via :has() in ProductPage.css */ [data-theme="dark"] section:has(.fl-audience-card) { background: #0f1f3d; } /* ── PRODUCT CARDS ─────────────────────────── */ [data-theme="dark"] .fl-card { background: rgba(15,23,42,0.97); border-color: rgba(255,255,255,0.07); box-shadow: 0 1px 3px rgba(0,0,0,0.40), 0 4px 12px rgba(0,0,0,0.25); } [data-theme="dark"] .fl-card:hover { border-color: rgba(59,130,246,0.35); box-shadow: 0 4px 16px rgba(59,130,246,0.12), 0 12px 32px rgba(0,0,0,0.35); } [data-theme="dark"] .fl-step-card { background: rgba(15,23,42,0.97); border-color: rgba(255,255,255,0.07); box-shadow: 0 1px 3px rgba(0,0,0,0.40); } [data-theme="dark"] .fl-step-card:hover { border-color: rgba(59,130,246,0.35); box-shadow: 0 4px 20px rgba(59,130,246,0.12); } [data-theme="dark"] .fl-audience-card { background: rgba(15,23,42,0.97); border-color: rgba(255,255,255,0.07); box-shadow: 0 1px 3px rgba(0,0,0,0.40); } [data-theme="dark"] .fl-audience-card:hover { border-color: rgba(59,130,246,0.35); box-shadow: 0 16px 40px rgba(59,130,246,0.12), 0 4px 12px rgba(0,0,0,0.35); } [data-theme="dark"] .fl-testimonial-card { background: rgba(15,23,42,0.97); border-color: rgba(255,255,255,0.07); box-shadow: 0 1px 4px rgba(0,0,0,0.35); } [data-theme="dark"] .fl-testimonial-card:hover { border-color: rgba(59,130,246,0.28); box-shadow: 0 6px 24px rgba(59,130,246,0.10); } [data-theme="dark"] .fl-pp-card { background: rgba(15,23,42,0.97); border-color: rgba(255,255,255,0.07); box-shadow: 0 1px 4px rgba(0,0,0,0.35); } [data-theme="dark"] .fl-pp-card:hover { border-color: rgba(59,130,246,0.35); box-shadow: 0 8px 28px rgba(59,130,246,0.12); } [data-theme="dark"] .fl-pp-card.featured { border-color: rgba(59,130,246,0.50); box-shadow: 0 0 0 4px rgba(59,130,246,0.08), 0 8px 30px rgba(59,130,246,0.16); } /* ── FEATURE BAR ── */ [data-theme="dark"] .fl-feature-bar { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.05); } [data-theme="dark"] .fl-feat-item { background: rgba(15,23,42,0.97); } [data-theme="dark"] .fl-feat-item:hover { background: rgba(15,23,42,0.80); } /* ── SEC-BADGE (small pill above section titles) ── */ [data-theme="dark"] .fl-sec-badge { background: rgba(37,99,235,0.15); color: #93c5fd; border-color: rgba(59,130,246,0.30); } /* ── ORACLE DIAGRAM ── */ [data-theme="dark"] .fl-diagram-wrap { background: rgba(15,23,42,0.97); border-color: rgba(255,255,255,0.07); box-shadow: 0 2px 12px rgba(0,0,0,0.35); } [data-theme="dark"] .fl-diagram-inner { background: #0b1526; } [data-theme="dark"] .fl-diagram-status { background: rgba(15,23,42,0.97); border-color: rgba(255,255,255,0.05); } [data-theme="dark"] .fl-fb { background: rgba(15,23,42,0.97); border-color: rgba(255,255,255,0.07); box-shadow: 0 2px 8px rgba(0,0,0,0.35); } [data-theme="dark"] .fl-oracle-ring { background: rgba(15,23,42,0.85); } [data-theme="dark"] .fl-oracle-inner { background: rgba(239,68,68,0.08); } /* ── TESTIMONIAL QUOTE MARK ── */ [data-theme="dark"] .fl-quote { color: rgba(59,130,246,0.22); } /* ── HOW-IT-WORKS IMAGE ── */ [data-theme="dark"] .fl-how-img { border-color: rgba(255,255,255,0.07); box-shadow: 0 4px 24px rgba(0,0,0,0.35); } /* ═══════════════════════════════════════════════ ABOUT US PAGE — inline style overrides ═══════════════════════════════════════════════ */ [data-theme="dark"] .au-section-title { color: #f1f5f9; } [data-theme="dark"] .au-body-text { color: #94a3b8; } [data-theme="dark"] .au-card { background: rgba(15,23,42,0.97); border-color: rgba(255,255,255,0.07); box-shadow: 0 1px 4px rgba(0,0,0,0.35); } [data-theme="dark"] .au-card:hover { border-color: rgba(59,130,246,0.35); box-shadow: 0 6px 24px rgba(37,99,235,0.12); } [data-theme="dark"] .au-card-title { color: #f1f5f9; } [data-theme="dark"] .au-card-desc { color: #94a3b8; } [data-theme="dark"] .au-list li { border-bottom-color: rgba(255,255,255,0.05); } [data-theme="dark"] .au-list-title { color: #f1f5f9; } [data-theme="dark"] .au-list-desc { color: #94a3b8; } [data-theme="dark"] .au-cta { background: linear-gradient(135deg, rgba(37,99,235,0.18), rgba(124,58,237,0.12)); border-color: rgba(59,130,246,0.25); } [data-theme="dark"] .au-cta-title { color: #f1f5f9; } [data-theme="dark"] .au-cta-desc { color: #94a3b8; } /* Amber CTA light section at the bottom of About Us */ [data-theme="dark"] .au-cta-light { background: #0d1829; } [data-theme="dark"] .au-cta-light .au-cta { background: transparent; border-color: rgba(232,164,74,0.25); } [data-theme="dark"] .au-cta-light .au-cta-title { color: #f1f5f9; } [data-theme="dark"] .au-cta-light .au-cta-desc { color: #94a3b8; } [data-theme="dark"] .au-cta-light .fl-nav-btn-secondary { border-color: rgba(255,255,255,0.14) !important; color: #94a3b8 !important; } [data-theme="dark"] .au-cta-light .fl-nav-btn-secondary:hover { border-color: rgba(255,255,255,0.28) !important; color: #f1f5f9 !important; } [data-theme="dark"] .au-story-img { border-color: rgba(255,255,255,0.07); } /* ═══════════════════════════════════════════════ PRICING PAGE — inline style overrides ═══════════════════════════════════════════════ */ /* Billing toggle */ [data-theme="dark"] .billing-toggle { background: rgba(15,23,42,0.97); border-color: rgba(255,255,255,0.08); } [data-theme="dark"] .billing-toggle-btn { color: #94a3b8; } [data-theme="dark"] .billing-toggle-btn.active { background: rgba(37,99,235,0.20); color: #93c5fd; border-color: rgba(59,130,246,0.35); } /* Comparison table */ [data-theme="dark"] .comp-section-title { color: #f1f5f9; } [data-theme="dark"] .comp-section-sub { color: #94a3b8; } [data-theme="dark"] .comp-wrap { border-color: rgba(255,255,255,0.07); box-shadow: 0 2px 12px rgba(0,0,0,0.35); } [data-theme="dark"] .comp-row { background: rgba(15,23,42,0.97); border-bottom-color: rgba(255,255,255,0.04); } [data-theme="dark"] .comp-row:hover { background: rgba(15,23,42,0.80); } [data-theme="dark"] .comp-cell { color: #94a3b8; } [data-theme="dark"] .comp-val { border-left-color: rgba(255,255,255,0.04); } [data-theme="dark"] .comp-val.premium { border-left-color: rgba(59,130,246,0.14); } [data-theme="dark"] .comp-val.enterprise { border-left-color: rgba(139,92,246,0.14); } /* Amber bottom CTA on Pricing */ [data-theme="dark"] .pp-cta-wrap { background: #0d1829; } [data-theme="dark"] .pp-cta-wrap .pp-cta { background: transparent; border-color: rgba(232,164,74,0.25); } [data-theme="dark"] .pp-cta-wrap .pp-cta h3 { color: #f1f5f9; } [data-theme="dark"] .pp-cta-wrap .pp-cta p { color: #94a3b8; } [data-theme="dark"] .pp-cta-wrap .btn-cta-s { border-color: rgba(255,255,255,0.14); color: #94a3b8; } [data-theme="dark"] .pp-cta-wrap .btn-cta-s:hover { border-color: rgba(255,255,255,0.30); color: #f1f5f9; background: rgba(255,255,255,0.04); } /* .fl-theme-toggle base styles are in _Layout.cshtml inline