/* ============================================================ PixLab Forensic — Theme application layer All colors flow through tokens.css variables; this file holds the few component-level tweaks that differ per theme. The active theme is set via . ============================================================ */ /* Brand gradient keeps its own colors in both themes. */ [data-theme="light"] .brand-name { filter: saturate(1.15); } [data-theme="light"] #forensic-image { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18); } [data-theme="light"] .modal-card { box-shadow: 0 25px 50px rgba(0, 0, 0, 0.18); } [data-theme="light"] .chat-input-area { background: linear-gradient(to top, #ffffff 30%, rgba(255, 255, 255, 0)); } [data-theme="light"] .glow-overlay { opacity: 0.35; } /* Mapbox surfaces follow the theme */ [data-theme="dark"] .mapboxgl-ctrl-group { background: var(--bg-800); } [data-theme="dark"] .mapboxgl-ctrl-group button .mapboxgl-ctrl-icon { filter: invert(0.85); }