/* Napr Solutions — Theme tokens Set data-theme on to switch: "dark" | "cloud" */ /* ── Dark ───────────────────────────────────── Electric blue + cyan on near-black */ :root, [data-theme="dark"] { --bg: #070711; --bg2: #0c0c1c; --card: rgba(255,255,255,0.04); --nav-bg: rgba(7,7,17,0.82); --surface: rgba(255,255,255,0.025); --chip-bg: rgba(255,255,255,0.07); --blue: #4f8ef7; --cyan: #00e5c8; --blue-glow: rgba(79,142,247,0.22); --cyan-glow: rgba(0,229,200,0.12); --t1: #eef2ff; --t2: #8892a4; --t3: #5e6e85; --border: rgba(255,255,255,0.08); --border-hi: rgba(79,142,247,0.32); --grid-line: rgba(255,255,255,0.028); --orb1: rgba(79,142,247,0.16); --orb2: rgba(0,229,200,0.11); --orb3: rgba(139,92,246,0.09); } /* ── Cloud ──────────────────────────────────── Corporate blue + cyan on pure white */ [data-theme="cloud"] { --bg: #ffffff; --bg2: #f8f9fc; --card: rgba(248,249,252,0.9); --nav-bg: rgba(255,255,255,0.92); --surface: rgba(0,0,0,0.02); --chip-bg: rgba(0,0,0,0.05); --blue: #2563eb; --cyan: #0891b2; --blue-glow: rgba(37,99,235,0.15); --cyan-glow: rgba(8,145,178,0.10); --t1: #0f172a; --t2: #475569; --t3: #64748b; --border: rgba(0,0,0,0.08); --border-hi: rgba(37,99,235,0.32); --grid-line: rgba(0,0,0,0.038); --orb1: rgba(37,99,235,0.08); --orb2: rgba(8,145,178,0.07); --orb3: rgba(99,102,241,0.06); }