/* tema.css — tema "garagem" (Contrato v3), vendorado de C:\Users\Bruno\radar-carro\tema.css.
   NÃO EDITAR aqui: mudança de paleta entra no núcleo e é re-vendorada. Copiado 08/09/2026. */
/* tema "garagem" — v3 (aplicação): tela que o Bruno abre todo dia.
   Não é farol nem criva: é ficha de oficina. Papel frio (azulado, não creme),
   tinta azul de caneta esferográfica como AÇÃO, e cobre como ATENÇÃO — que é
   onde mora o "entrou hoje". As duas cores do gráfico passaram no validador de
   daltonismo nos dois modos (claro ΔE 28,2 normal / 22,3 protan). */
[data-tema="garagem"] {
  color-scheme: light;
  --bg:#eef1f5;  --surface:#ffffff;  --surface2:#e4e9ef;
  --text:#131c26;  --text2:#44525f;  --muted:#75828e;
  --line:#d8dee6;  --line2:#c2cad4;
  --accent:#0b5fa5;  --accent-vivo:#0d72c6;
  --accent-ink:#ffffff;  --accent-soft:rgba(11,95,165,.12);
  --good:#1a7a52;  --warn:#b4661e;  --bad:#b03434;  --info:#3f5bbf;
  --good-soft:rgba(26,122,82,.12);   --warn-soft:rgba(180,102,30,.14);
  --bad-soft:rgba(176,52,52,.12);    --info-soft:rgba(63,91,191,.12);
  --neutral:var(--muted);  --neutral-soft:rgba(117,130,142,.12);
  --radius:12px;  --radius-sm:8px;
  --shadow:0 2px 8px rgba(19,28,38,.06),0 18px 40px rgba(19,28,38,.09);
  --shadow-sm:0 1px 3px rgba(19,28,38,.06),0 8px 20px rgba(19,28,38,.07);
  --maxw:1180px;
  --card:var(--surface);  --ink:var(--text);  --brand:var(--accent);
  /* cor por fonte do gráfico preço×km — extensão do tema "garagem" que em
     radar-carro/relatorio.mjs vive num <style> à parte (linhas 79-80), não em
     tema.css; trazida pra cá pra não duplicar a paleta em dois lugares.
     Validada no daltonismo junto com o resto do tema (comentário acima). */
  --f-wm:#0b5fa5;  --f-olx:#b4661e;  --f-ic:#7a3a9e;
}
@media (prefers-color-scheme: dark) {
  [data-tema="garagem"] {
    color-scheme: dark;
    --f-wm:#4f97d6;  --f-olx:#c47a3e;  --f-ic:#b06fc9;
    --bg:#0f151c;  --surface:#141b23;  --surface2:#1e2731;
    --text:#eef2f6;  --text2:#a7b3bf;  --muted:#7e8b97;
    --line:#243039;  --line2:#2f3d48;
    --accent:#4f97d6;  --accent-vivo:#6aa9e0;
    --accent-ink:#0b1219;  --accent-soft:rgba(79,151,214,.16);
    --good:#5cb98d;  --warn:#c47a3e;  --bad:#d97a73;  --info:#8aa8e0;
    --good-soft:rgba(92,185,141,.14);  --warn-soft:rgba(196,122,62,.16);
    --bad-soft:rgba(217,122,115,.14);  --info-soft:rgba(138,168,224,.14);
    --neutral-soft:rgba(126,139,151,.14);
    --shadow:0 10px 30px rgba(0,0,0,.35);
    --shadow-sm:0 4px 14px rgba(0,0,0,.28);
  }
}