:root {
  --fundo: #f6f4f0; --superficie: #ffffff; --linha: #e4dfd7; --texto: #1c1917; --suave: #6f6860;
  --destaque: #a51d24; --destaque-texto: #ffffff; --destaque-claro: #fcebea;
  --ok: #1f6b45; --ok-fundo: #e3f1e9; --aviso: #8a5a00; --aviso-fundo: #fbefd2;
  --neutro: #5b554e; --neutro-fundo: #ece8e2; --erro: #a51d24; --erro-fundo: #fbe4e4;
  --sans: "Segoe UI", system-ui, -apple-system, sans-serif;
  --mono: ui-monospace, Consolas, "Courier New", monospace;
}
@media (prefers-color-scheme: dark) {
  :root {
    --fundo: #171412; --superficie: #201c19; --linha: #3a332d; --texto: #efeae4; --suave: #a79e94;
    --destaque: #ef7f84; --destaque-texto: #1c0d0e; --destaque-claro: #3a1f20;
    --ok: #7fd4a2; --ok-fundo: #173425; --aviso: #f0c264; --aviso-fundo: #3a2e12;
    --neutro: #b9b0a6; --neutro-fundo: #2c2723; --erro: #f09a9a; --erro-fundo: #3a1b1b;
    color-scheme: dark;
  }
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--fundo); color: var(--texto); font-family: var(--sans); font-size: 14px; line-height: 1.45; }
h1 { font-size: 20px; font-weight: 700; letter-spacing: -.01em; margin: 0; }
h2 { font-size: 16px; font-weight: 600; margin: 0; }
p { margin: 0; }
[hidden] { display: none !important; }
button, input, select { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--destaque); outline-offset: 2px; }
.nf { font-family: var(--mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
.suave { color: var(--suave); }
.pequeno { font-size: 12px; }