/* ═══════════════════════════════════════════════════════════════════════ SoloLab · style.css · v11 Cor de acento única: verde #1C7C4E · base neutra · estilo minimalista ═══════════════════════════════════════════════════════════════════════ */ :root { --bg: #EEECEA; --sur: #FFF; --sur2: #F7F5F2; --sur3: #F2F0EB; --bdr: #D8D4CC; --bdr2: #E6E3DD; --tx1: #131310; --tx2: #42423A; --tx3: #6B6B63; --tx4: #86867E; --txi: rgba(255,255,255,.90); --cl: #1C7C4E; --cl2: #15683E; --cl3: #34996A; --clx: #E7F3EC; --cla: #1C7C4E; --pl: #1F6F99; --pl2: #195A7D; --pl3: #3E8FB8; --plx: #E5F1F8; --pla: #1F6F99; --oc: #9C6328; --oc2: #80501E; --oc3: #BC8246; --ocx: #F6ECDD; --oca: #9C6328; --como: #6A5A9C; --como2: #564980; --como3: #897BB6; --comox: #ECEAF4; --hbg: #0C1210; --nbg: #101A15; --fe:#C12626; --feb:#FEE8E8; --fec:#F0B8B8; --av:#9E5500; --avb:#FEF3DC; --avc:#ECD080; --in:#175A8A; --inb:#E8F3FD; --inc:#A0C8EE; --ok:#196038; --okb:#E0F2E8; --cok:#1A5C36; --cokb:#DBEEDD; --clv:#665200; --clvb:#FEF8D0; --crl:#8A1E1E; --crlb:#FDE8E8; --b-mb:#FDE8E8; --b-mb-t:#8A1E1E; --b-bx:#FEEFDA; --b-bx-t:#7A3E0C; --b-md:#FEF8D0; --b-md-t:#655200; --b-bm:#DFF2E8; --b-bm-t:#1A5C36; --b-mx:#D2EAF8; --b-mx-t:#1A4A6E; --b-al:#FDE8E8; --b-al-t:#8A1E1E; --b-nt:#E8E6E0; --b-nt-t:#42423A; --b-vz:#EEECEA; --b-vz-t:#96968E; --f:'Inter',system-ui,-apple-system,sans-serif; --fm:'JetBrains Mono','Fira Mono',monospace; --r1:3px; --r2:6px; --r3:10px; --r4:15px; --s1:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03); --s2:0 6px 20px rgba(0,0,0,.07),0 2px 6px rgba(0,0,0,.04); --h-hdr:52px; --h-nav:64px; --w-sec:298px; } /* ─── DARK MODE ──────────────────────────────────────────────────────────── Ativado via [data-theme="dark"] no . JS aplica em app.js a partir de localStorage ou prefers-color-scheme. Mantém a estrutura de variáveis, apenas reescreve os valores. ───────────────────────────────────────────── */ [data-theme="dark"] { --bg: #15171A; --sur: #1F2225; --sur2: #1A1D20; --sur3: #232629; --bdr: #2C3036; --bdr2: #242830; --tx1: #ECEAE6; --tx2: #BFBCB4; --tx3: #A6A39B; --tx4: #8A8880; --txi: rgba(255,255,255,.90); /* Acentos clareados ~25% para legibilidade em fundo escuro */ --cl: #3DAB76; --cl2: #2E8E5F; --cl3: #5BBE91; --clx: #1B3A2A; --cla: #3DAB76; --pl: #4D9DC8; --pl2: #3C82A9; --pl3: #6FB4D8; --plx: #16303F; --pla: #4D9DC8; --oc: #C58A4F; --oc2: #A87338; --oc3: #D9A77A; --ocx: #3A2916; --oca: #C58A4F; --como: #9486C8; --como2: #7B6FAD; --como3: #AAA0D5; --comox: #2A2540; --hbg: #0A0D0E; --nbg: #0E1411; /* Feedback: fundo escuro saturado + texto claro */ --fe:#FF8A8A; --feb:#3A1E1E; --fec:#5C2828; --av:#FFC36B; --avb:#3A2A12; --avc:#5C3D1A; --in:#7FB7E2; --inb:#152938; --inc:#264763; --ok:#6BC58E; --okb:#172E22; --cok:#6BC58E; --cokb:#172E22; --clv:#F5DC73; --clvb:#322B0E; --crl:#FF9696; --crlb:#3A1818; --b-mb:#3A1E1E; --b-mb-t:#FF9696; --b-bx:#3A2412; --b-bx-t:#FFA86B; --b-md:#322B0E; --b-md-t:#F5DC73; --b-bm:#1A332A; --b-bm-t:#6BC58E; --b-mx:#16303F; --b-mx-t:#8FC8E8; --b-al:#3A1E1E; --b-al-t:#FF9696; --b-nt:#2A2D31; --b-nt-t:#BFBCB4; --b-vz:#1F2225; --b-vz-t:#6E6B65; --s1:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2); --s2:0 6px 20px rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.25); } [data-theme="dark"] body{background:var(--bg);color:var(--tx1)} /* Lista suspensa do