/* B2B Agency Live light theme. Dark is the default; theme.js sets html[data-theme="light"]. */

/* ---------- Toggle button (all themes) ---------- */
.theme-toggle {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    height: 38px; min-width: 38px; padding: 0 12px; border-radius: 10px; cursor: pointer;
    background: rgba(255, 255, 255, 0.06); border: 1px solid var(--border-color);
    color: var(--text-main); font: 700 13px 'Plus Jakarta Sans', sans-serif; white-space: nowrap;
    transition: background 0.2s, border-color 0.2s;
}
.theme-toggle:hover { border-color: var(--primary); }
.theme-toggle:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.theme-toggle.floating { position: fixed; left: 16px; bottom: 16px; z-index: 2000; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); background: var(--bg-card); }

/* ---------- Light palette ---------- */
html[data-theme="light"] {
    color-scheme: light;
    --bg-dark: #f4f6fb;
    --bg-card: #ffffff;
    --bg-card-hover: #eef2fa;
    --text-main: #0f172a;
    --text-muted: #475569;
    --border-color: rgba(15, 23, 42, 0.12);
    --glow-color: rgba(99, 102, 241, 0.18);
    --accent-green: #059669;
    --accent-blue: #0284c7;
    --accent-purple: #7c3aed;
    --accent-amber: #b45309;
}
html[data-theme="light"] .theme-toggle { background: #ffffff; }

/* Page backgrounds and translucent dark panels */
html[data-theme="light"] header { background: rgba(255, 255, 255, 0.92); }
html[data-theme="light"] .trust-banner { background: #ffffff; }
html[data-theme="light"] .boardroom-section-card,
html[data-theme="light"] .ai-workstation-card,
html[data-theme="light"] .wall-display-box,
html[data-theme="light"] .ceo-avatar-row,
html[data-theme="light"] .ai-avatar-graphic,
html[data-theme="light"] .concierge-box,
html[data-theme="light"] .ad-banner,
html[data-theme="light"] .status-box { background: #ffffff !important; }
html[data-theme="light"] .ai-workstation-card,
html[data-theme="light"] .pricing-card,
html[data-theme="light"] .checkout-box,
html[data-theme="light"] .success-card { box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08); }
html[data-theme="light"] .modal-overlay { background: rgba(15, 23, 42, 0.45); }
html[data-theme="light"] .form-input { background: #f8fafc; }
html[data-theme="light"] .btn-outline { background: #ffffff; }
html[data-theme="light"] section[style*="rgba(18, 26, 44"] { background: #eef2f9 !important; }

/* Headings and text that were hard-coded white/light grey */
html[data-theme="light"] .hero-title,
html[data-theme="light"] h1 { background: linear-gradient(135deg, #0f172a 30%, #475569 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
html[data-theme="light"] .boost-title,
html[data-theme="light"] .comp-table th,
html[data-theme="light"] .faq-question,
html[data-theme="light"] .brand,
html[data-theme="light"] .pill-val,
html[data-theme="light"] .file-item:hover,
html[data-theme="light"] .file-item.active { color: var(--text-main); }
html[data-theme="light"] .feature-bullets li,
html[data-theme="light"] .pricing-features li,
html[data-theme="light"] .status-item,
html[data-theme="light"] .slider-label { color: #334155; }
html[data-theme="light"] .hero-pill,
html[data-theme="light"] .highlight-col { color: #4338ca; }
html[data-theme="light"] .contact-chip { color: var(--text-main); }

/* Inline styles written into the pages (white text, dark panels) */
html[data-theme="light"] :not(button):not(.btn)[style*="color: #fff"],
html[data-theme="light"] :not(button):not(.btn)[style*="color:#fff"],
html[data-theme="light"] [style*="color: #f8fafc"],
html[data-theme="light"] [style*="color: #e2e8f0"],
html[data-theme="light"] [style*="color: #cbd5e1"] { color: var(--text-main) !important; }
html[data-theme="light"] [style*="color: #94a3b8"],
html[data-theme="light"] [style*="color:#94a3b8"] { color: var(--text-muted) !important; }
html[data-theme="light"] [style*="color: #a5b4fc"] { color: #4338ca !important; }
html[data-theme="light"] [style*="background: #0d1322"],
html[data-theme="light"] [style*="background: #1e293b"],
html[data-theme="light"] [style*="background: #121a2c"],
html[data-theme="light"] [style*="background: #080c15"],
html[data-theme="light"] [style*="background: rgba(15,23,42,0.8)"],
html[data-theme="light"] [style*="background: rgba(15, 23, 42, 0.8)"],
html[data-theme="light"] [style*="background: rgba(8,12,21"] { background: #f8fafc !important; }
html[data-theme="light"] [style*="rgba(255,255,255,0.12)"],
html[data-theme="light"] [style*="rgba(255,255,255,0.2)"],
html[data-theme="light"] [style*="rgba(255, 255, 255, 0.2)"],
html[data-theme="light"] [style*="rgba(255,255,255,0.1)"] { border-color: var(--border-color) !important; }
html[data-theme="light"] input[style*="background: #080c15"] { color: var(--text-main) !important; }

/* Workspace */
html[data-theme="light"] .msg-agent { background: #eef2fa; color: var(--text-main); border-color: rgba(99, 102, 241, 0.25); }
html[data-theme="light"] .chat-input-row,
html[data-theme="light"] .editor-header { background: #f8fafc; }
html[data-theme="light"] .chat-input { background: #ffffff; color: var(--text-main); }
html[data-theme="light"] .pill-box,
html[data-theme="light"] .tab-btn:not(.active) { background: #f1f5f9; }
html[data-theme="light"] [style*="background: rgba(3, 5, 10, 0.92)"] { background: rgba(15, 23, 42, 0.45) !important; }
/* Code editor, terminals and the monitor graphic intentionally stay dark in both themes. */
html[data-theme="light"] .code-area { background: #0b1120; }