/* Tokens de design. Paleta PROVISÓRIA: troca na definição da marca (decisão D4) sem mexer em componentes. */
:root {
  --bg: #f7f6f2;
  --card: #ffffff;
  --texto: #1b1f23;
  --muda: #5b6670;
  --linha: #e4e1da;
  --marca: #0f766e;
  --marca-fg: #ffffff;
  --marca-suave: #d9f0ec;
  --aviso: #8a4b08;
  --aviso-bg: #fef3c7;
  --erro: #b42318;
  --erro-bg: #fee4e2;
  --ok: #166534;
  --ok-bg: #dcfce7;
  --info: #1d4ed8;
  --info-bg: #dbeafe;
  --raio: 16px;
  --raio-p: 10px;
  --sombra: 0 8px 24px rgba(20, 30, 40, .07);
  --fonte: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* color-scheme faz controles nativos (select, checkbox, scroll) acompanharem o tema. */
:root { color-scheme: light dark; }
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }

/* Sem data-theme: segue o SO. data-theme (js/core/tema.js) força claro ou escuro. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f1416; --card: #172023; --texto: #eef2f3; --muda: #a3b0b8; --linha: #2a363b;
    --marca: #2dd4bf; --marca-fg: #04211e; --marca-suave: #123a36;
    --aviso: #fcd34d; --aviso-bg: #3b2a08; --erro: #fda4a4; --erro-bg: #3d1513;
    --ok: #86efac; --ok-bg: #12301c; --info: #93c5fd; --info-bg: #14264a;
    --sombra: 0 8px 24px rgba(0, 0, 0, .35);
  }
}
:root[data-theme="dark"] {
  --bg: #0f1416; --card: #172023; --texto: #eef2f3; --muda: #a3b0b8; --linha: #2a363b;
  --marca: #2dd4bf; --marca-fg: #04211e; --marca-suave: #123a36;
  --aviso: #fcd34d; --aviso-bg: #3b2a08; --erro: #fda4a4; --erro-bg: #3d1513;
  --ok: #86efac; --ok-bg: #12301c; --info: #93c5fd; --info-bg: #14264a;
  --sombra: 0 8px 24px rgba(0, 0, 0, .35);
}