/* tema.css — tema "bussola" (Contrato v3 da fábrica, ver docs/VISUAL.md, seção Visual).
   É o ÚNICO arquivo com cor literal do produto: componente lê token, nunca cor.
   Papel azul-gelo (não creme), folha branca, tinta azul-marinho quase preta, índigo profundo como
   AÇÃO (--accent: a agulha da bússola), bronze escuro como ATENÇÃO (--warn: dado pendente de
   conferência). Claro por padrão; escuro por prefers-color-scheme. Contraste AA conferido em
   tests/casca.test.mjs (texto >= 4.5:1, componente >= 3:1). */
:root,
[data-tema="bussola"] {
  color-scheme: light;
  --bg:#eef2f7;  --surface:#ffffff;  --surface2:#e3e9f1;
  --text:#0e1a2b;  --text2:#2f4058;  --muted:#46566c;
  --line:#c3ceda;  --line2:#6f8298;
  --accent:#2b3597;  --accent-hover:#1f2872;  --accent-ink:#ffffff;  --accent-soft:rgba(43,53,151,.09);
  --good:#0f6b3c;  --warn:#8a5000;  --bad:#a02222;  --info:#254f8a;
  --good-soft:rgba(15,107,60,.11);  --warn-soft:rgba(138,80,0,.12);
  --bad-soft:rgba(160,34,34,.10);   --info-soft:rgba(37,79,138,.11);
  --neutral:var(--muted);  --neutral-soft:rgba(70,86,108,.11);
  --agulha-sul:var(--text2);
  --radius:8px;  --radius-sm:5px;
  --shadow:0 1px 2px rgba(14,26,43,.10),0 8px 24px rgba(14,26,43,.08);
  --card:var(--surface);  --ink:var(--text);  --brand:var(--accent);
}
@media (prefers-color-scheme: dark) {
  :root,
  [data-tema="bussola"] {
    color-scheme: dark;
    --bg:#0b1320;  --surface:#131e2f;  --surface2:#1b2a40;
    --text:#eaf0f8;  --text2:#c0cddd;  --muted:#a3b3c8;
    --line:#26364d;  --line2:#6a7f99;
    --accent:#a9b4ff;  --accent-hover:#c9d0ff;  --accent-ink:#0b1320;  --accent-soft:rgba(169,180,255,.14);
    --good:#6fd39a;  --warn:#f0b453;  --bad:#ff9a94;  --info:#9dc0f2;
    --good-soft:rgba(111,211,154,.14);  --warn-soft:rgba(240,180,83,.15);
    --bad-soft:rgba(255,154,148,.14);   --info-soft:rgba(157,192,242,.15);
    --neutral-soft:rgba(163,179,200,.14);
    --shadow:0 10px 30px rgba(0,0,0,.45);
  }
}