/* ============================================================ ForensAI — Navy / Cyan Theme (styles-theme-navy.css) Toggle: add class "theme-navy" to .landing-page wrapper. To go global: add "theme-navy" to instead. Zero impact when class is absent. ============================================================ */ /* ── Custom properties (available anywhere inside .theme-navy) ── */ .theme-navy { --tn-bg: #050d1a; --tn-surface: #1a2540; --tn-surface-2: #243047; --tn-sidebar-bg: #101d33; --tn-accent: #00D4FF; --tn-accent-dim: #00BFFF; --tn-accent-rgb: 0, 212, 255; --tn-text: #F8FAFC; --tn-text-sec: #E2E8F0; --tn-text-muted: #64748B; --tn-border: rgba(255,255,255,0.08); --tn-success: #22C55E; --tn-danger: #FF3B5C; } /* ══════════════════════════════════════════════════════════════ HTML + BODY — mobile browser chrome - Paint BOTH :root and body navy so iOS/Android sample the right color for overscroll + theme-color tint (body-only leaves html default white). - color-scheme: dark nudges Safari/Chrome toward dark UI treatment. Use !important to beat the inline