/* ============================================================ BlinkHustle — Centralized Theme System (Light / Dark / System) ============================================================ HOW THIS WORKS ───────────────── 1. is set by theme.js (and the tiny inline bootstrap snippet in , to avoid a flash on load). 2. Semantic CSS variables below define the palette for each mode. They map directly onto the existing BlinkHustle brand colors — dark mode is a properly designed dark surface system, not an inverted light theme. 3. Below the variables, this file re-skins every shared component class used across dashboard.css / admin.css / mobile.css / style.css and the app's individual pages (cards, buttons, forms, tables, modals, nav, sidebar, notifications, badges, etc). `!important` is used deliberately here ONLY for color/background/ border paint properties, so this file reliably wins over each page's own inline