/* tema-v8.css — paleta "painel de bordo" do protótipo v8 (escuro) vestindo o site real. Pedido do Bruno em 15/09/2026 (docs/PEDIDOS-BRUNO-V8.md, A5): "Gostei mais da versão de cores que tínhamos antes". Fonte dos valores: radardecarros-prototipos/comparar/v8/painel.css. Por que um arquivo à parte e não o public/tema.css: aquele é o tema "garagem" vendorado (NÃO EDITAR, volta re-vendorado do núcleo). Este só REDEFINE os tokens do Contrato v3. Carregar DEPOIS de todos os outros CSS. Especificidade: `:root[data-tema]` (0,2,0) vence `[data-tema="garagem"]` (0,1,0) do tema.css e o `:root` (0,1,0) do painel.css, inclusive dentro de @media (prefers-color-scheme): o tema escuro vale com o sistema claro OU escuro, sem depender de ordem. Mapa v8 → v3 (ação = --accent, estado em --good/--warn/--bad/--info): --campo #06141f → --bg --texto #dbe9f2 → --text --campo-2 #0a1f2e → --surface --apagado #7ea0b3 → --muted --linha #1b3d53 → --line --carro-a #3be0c8 → --accent (o verde-água dos números) --carro-b #7fa8d9 → --info --acao #ffae3b → --warn (âmbar: oportunidade/atenção) --erro #d97a63 → --bad O v8 chamava o âmbar de "ação", mas no site --accent pinta link, trilho, aba ativa e botão primário; em âmbar o site inteiro viraria laranja, e não é isso que o Bruno viu no protótipo. Verde-água como ação e âmbar como atenção reproduzem a leitura dele. */ :root[data-tema="garagem"], body[data-tema="garagem"]{ color-scheme: dark; --bg:#06141f; --surface:#0a1f2e; --surface2:#10293b; --text:#dbe9f2; --text2:#a9c3d3; --muted:#7ea0b3; /* --line2 é a borda de campo e de botão fantasma: 3:1 sobre --surface (WCAG 1.4.11). O #1b3d53 do v8 dava 1,5:1 e o campo sumia no fundo. */ --line:#1b3d53; --line2:#437796; --accent:#3be0c8; --accent-vivo:#6debd9; --accent-ink:#06141f; --accent-soft:rgba(59,224,200,.14); --good:#5fd49c; --warn:#ffae3b; --bad:#ec8f78; --info:#7fa8d9; --good-soft:rgba(95,212,156,.14); --warn-soft:rgba(255,174,59,.14); --bad-soft:rgba(236,143,120,.14); --info-soft:rgba(127,168,217,.14); --neutral:var(--muted); --neutral-soft:rgba(126,160,179,.14); --shadow:0 24px 60px rgba(0,0,0,.45); --shadow-sm:0 1px 0 rgba(219,233,242,.04) inset; --card:var(--surface); --ink:var(--text); --brand:var(--accent); /* cor por fonte (gráfico preço×km): a variante escura que o próprio tema.css já validou */ --f-wm:#4f97d6; --f-olx:#c47a3e; --f-ic:#b06fc9; /* A escala por ano do mapa NÃO é redefinida aqui (15/09/2026, orquestrador). O painel.css passou a usar --rp-cor-ano-* com os tons exatos do protótipo v8 (escala A, escolhida pelo Bruno); o bloco --rp-ano-* que existia neste arquivo carregava a rampa roxa recusada e ficou órfão depois da renomeação. Cor do gráfico é do painel.css; o tema só cuida do resto. */ --rp-malha:rgba(126,160,179,.20); --rp-fio-versao:#8b97a3; } /* sem isto a borda do overscroll e a área abaixo do curto ficam no branco do navegador */ :root[data-tema="garagem"]{background:var(--bg)} body[data-tema="garagem"]{background:var(--bg);color:var(--text)} /* No v8 o topo e o hero ficam no campo (--bg), sem faixa mais clara: a superfície é só de cartão/instrumento. No estilo.css (.topo linha 25, .hero linha 85) os dois usam --surface. */ :root[data-tema="garagem"] .topo, :root[data-tema="garagem"] .hero{background:var(--bg)} /* PROVISÓRIO (dono C1, public/comparacoes.css linhas 46, 258, 263): o 2º carro do duelo usa --warn. No v8 o 2º carro é --info (azul, identidade) e o âmbar fica reservado à oportunidade. Sobre o fundo escuro o --warn em barra lê como "alerta", não como "o outro carro". */ :root[data-tema="garagem"] .avcomparar-lado-b{--cor-lado:var(--info);--cor-lado-suave:var(--info-soft)} :root[data-tema="garagem"] .grafico-comparacoes-svg .ponto-b, :root[data-tema="garagem"] .grafico-comparacoes-svg .serie-b circle{fill:var(--info)} :root[data-tema="garagem"] .grafico-comparacoes-svg .linha-mediana-b{stroke:var(--info)} /* ── PROVISÓRIO: cores literais em CSS de outro dono ───────────────────────────────────── Fundo de modal/folha com rgba(10,14,18,.5) (estilo.css:53 e :404, painel.css:158). No tema claro escurecia; sobre o fundo já escuro, .5 quase não separa a caixa da página. O v8 usa .78. Sai daqui quando os donos trocarem o literal por um token (ex.: --overlay). */ :root[data-tema="garagem"] .folha-menu-fundo, :root[data-tema="garagem"] .modal-fundo, :root[data-tema="garagem"] .rp-modal-fundo{background:rgba(2,9,15,.78)}