/* Neutro até a identidade visual sair (docs/produto/marca/). */
:root {
  --texto: #1c1c1c;
  --suave: #5c5c5c;
  --fundo: #ffffff;
  --linha: #e2e2e2;
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    --texto: #ececec;
    --suave: #a8a8a8;
    --fundo: #141414;
    --linha: #2e2e2e;
  }
}

body {
  margin: 0 auto;
  max-width: 42rem;
  padding: 2rem 1.25rem 3rem;
  font: 1.0625rem/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--texto);
  background: var(--fundo);
}

a { color: inherit; }
h1 { font-size: 2rem; line-height: 1.2; margin: 1rem 0; }
h2 { font-size: 1.3rem; margin-top: 2.25rem; }
header a { font-weight: 700; text-decoration: none; }
.promessa { font-size: 1.25rem; }
.aviso { color: var(--suave); }
table { border-collapse: collapse; width: 100%; font-size: 0.95rem; }
th, td { border-bottom: 1px solid var(--linha); padding: 0.5rem 0.4rem; text-align: left; vertical-align: top; }

footer {
  margin-top: 3rem;
  padding-top: 1rem;
  border-top: 1px solid var(--linha);
  font-size: 0.9rem;
  color: var(--suave);
}

footer nav { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; margin-bottom: 0.5rem; }