/* tema.css: tema "radar" (Contrato v3 da fábrica, ver docs/VISUAL.md).
   É o ÚNICO arquivo com cor literal do produto: componente lê token, nunca cor. Família Radar: papel frio
   azulado (não creme), tinta quase preta azulada, AZUL RADAR (#0b5fa5, o mesmo do Radar de Carros e de Motos)
   como ação, e o AMARELO ETIQUETA (--tag) como a única cor quente do site: só o botão de compra e a etiqueta
   de economia usam. Verde, âmbar e vermelho são estado. Claro por padrão; escuro por prefers-color-scheme.
   Contraste AA conferido em tests/tema.test.mjs. */
:root,
[data-tema="radar"] {
  color-scheme: light;
  --bg:#eef1f5;  --surface:#ffffff;  --surface2:#e3e9ee;
  --text:#0f1e2b;  --text2:#3d4b59;  --muted:#54616e;
  --line:#c6d2d9;  --line2:#76869a;
  --accent:#0b5fa5;  --accent-hover:#084a84;  --accent-ink:#ffffff;  --accent-soft:rgba(11,95,165,.10);
  --good:#146c43;  --warn:#8a5000;  --bad:#a02222;  --info:#254f8a;
  --good-soft:rgba(20,108,67,.12);  --warn-soft:rgba(138,80,0,.12);
  --bad-soft:rgba(160,34,34,.10);   --info-soft:rgba(37,79,138,.11);
  /* etiqueta de preço: o amarelo do botão "Comprar na loja por R$ X" e da etiqueta de economia */
  --tag:#ffd43b;  --tag-ink:#0f1e2b;  --tag-borda:#c9a300;  --tag-hover:#ffcd1a;
  /* painel de próximo passo dos conteúdos (conteudos.css): fundo escuro da tinta, texto claro, botão claro */
  --cta-bg:#0f1e2b;  --cta-ink:#ffffff;  --cta-suave:#c3d4e4;  --cta-botao:#ffffff;  --cta-botao-ink:#0f1e2b;
  --radius:12px;  --radius-sm:8px;
  --shadow:0 1px 2px rgba(19,28,38,.08),0 10px 28px rgba(19,28,38,.07);
  /* modal de lead (public-core/lead-modal.css) e banner de cookies (consentimento.js): derivados dos tokens acima */
  --lead-cor:var(--accent);  --lead-cor-texto:var(--accent-ink);  --lead-fundo:var(--surface);  --lead-tinta:var(--text);
  --lead-mudo:var(--muted);  --lead-linha:var(--line2);  --lead-erro:var(--bad);  --lead-ok:var(--good);  --lead-raio:var(--radius);
  --consent-bg:var(--surface);  --consent-ink:var(--text);  --consent-borda:var(--line2);
  --consent-botao:var(--accent);  --consent-botao-ink:var(--accent-ink);
}
@media (prefers-color-scheme: dark) {
  :root,
  [data-tema="radar"] {
    color-scheme: dark;
    --bg:#0f151c;  --surface:#151d27;  --surface2:#1e2833;
    --text:#eef2f6;  --text2:#bac5d0;  --muted:#9eacb9;
    --line:#26323e;  --line2:#6c7e8f;
    --accent:#5aa2e0;  --accent-hover:#7bb5e8;  --accent-ink:#0b1219;  --accent-soft:rgba(90,162,224,.16);
    --good:#63c595;  --warn:#f0b453;  --bad:#ff9a94;  --info:#9dc0f2;
    --good-soft:rgba(99,197,149,.15);  --warn-soft:rgba(240,180,83,.15);
    --bad-soft:rgba(255,154,148,.14);  --info-soft:rgba(157,192,242,.15);
    --cta-bg:#1e2833;  --cta-ink:#ffffff;  --cta-suave:#c3d4e4;  --cta-botao:#eef2f6;  --cta-botao-ink:#0b1219;
    --shadow:0 12px 32px rgba(0,0,0,.45);
  }
}

/* SUPERFÍCIE DE INSTRUMENTO (redesign 03/10): a família Radar de Carros e de Motos (azul-noite, verde-água, números em mono).
   Vale na home e no topo e rodapé de TODA página (os guias seguem claros no corpo, regra da fábrica). Os --n-* são a paleta;
   o bloco abaixo só REMAPEIA os tokens semânticos nessas superfícies, então componente continua lendo --bg, --text, --accent...
   Contraste AA conferido em tests/tema.test.mjs (pares --n-*). Verde-água é ação e dado; âmbar é a etiqueta de compra. */
:root {
  --n-bg:#06141f;  --n-surface:#0a1f2e;  --n-surface2:#10293b;
  --n-text:#dbe9f2;  --n-text2:#a9c3d3;  --n-muted:#7ea0b3;
  --n-line:#1b3d53;  --n-line2:#437796;
  --n-accent:#3be0c8;  --n-accent-hover:#6debd9;  --n-accent-ink:#06141f;
  --n-good:#5fd49c;  --n-warn:#ffae3b;  --n-bad:#ec8f78;  --n-info:#7fa8d9;
  --n-tag:#ffd43b;  --n-tag-ink:#06141f;  --n-tag-hover:#ffe27a;
  --n-foto:#f4f7fa;
  --mono:ui-monospace,"IBM Plex Mono","SFMono-Regular",Menlo,Consolas,monospace;
}
html[data-page-slug="home"], .topo, .rodape {
  color-scheme: dark;
  --bg:var(--n-bg);  --surface:var(--n-surface);  --surface2:var(--n-surface2);
  --text:var(--n-text);  --text2:var(--n-text2);  --muted:var(--n-muted);
  --line:var(--n-line);  --line2:var(--n-line2);
  --accent:var(--n-accent);  --accent-hover:var(--n-accent-hover);  --accent-ink:var(--n-accent-ink);  --accent-soft:rgba(59,224,200,.14);
  --good:var(--n-good);  --warn:var(--n-warn);  --bad:var(--n-bad);  --info:var(--n-info);
  --tag:var(--n-tag);  --tag-ink:var(--n-tag-ink);  --tag-hover:var(--n-tag-hover);  --tag-borda:var(--n-tag);
  --shadow:0 24px 60px rgba(0,0,0,.5);
  --consent-bg:var(--n-surface2);  --consent-ink:var(--n-text);  --consent-borda:var(--n-line2);
  --consent-botao:var(--n-accent);  --consent-botao-ink:var(--n-accent-ink);
}