/* Tokens de marca compartilhados (portal, fluxo de pedido, backoffice). Fonte ÚNICA:
   um ajuste de identidade muda aqui e propaga por todas as páginas internas. A landing
   (landing.css) mantém os seus por ora — é o mockup v5 aprovado, congelado. */
:root {
  /* Os controles do navegador (caixas, listas, rolagem) seguem o tema da paleta. */
  color-scheme: light;
  --pine: #11362e;
  --paper: #f4f6f2;
  --card: #ffffff;
  --line: #dce3dc;
  --ink: #1b2621;
  --ink-2: #465249;
  --brand: #17604b;
  /* As situações — tinta, fundo e borda por papel. Contraste travado em tests/unit/test_paleta.py. */
  --ok-bg: #e6f2e9;
  --ok-ink: #1f5e35;
  --ok-line: #17604b;
  --warn-bg: #f6ecdc;
  --warn-ink: #8a5d13;
  --warn-line: #b7791f;
  --danger-bg: #fbe9e7;
  --danger-ink: #8a2b1d;
  --danger-line: #a12424;
  /* O fundo da figura do mapa: a imagem da fábrica é clara nos dois temas. */
  --figura-fundo: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #0f1b17;
    --card: #152922;
    --line: #24382f;
    --ink: #e4ede6;
    --ink-2: #a7b8ac;
    --brand: #3fa483;
    /* 🔴 --pine é TINTA (título, marca d'água), nunca fundo nestas páginas — e sem este
       par escuro ele ficava em 1,34:1 sobre o --paper escuro. O caso pior não é estético:
       a marca d'água do extrato é --pine a 8%, o que dava 2 níveis de 255 de distância do
       fundo. Um print do extrato em modo escuro saía SEM o rastro de quem o recebeu, que é
       o controle que os Termos §5.2 invocam (medido em 2026-09-06). */
    --pine: #dbe7de;
    --ok-bg: #132c21;
    --ok-ink: #a8dcb8;
    --ok-line: #3fa483;
    --warn-bg: #33291a;
    --warn-ink: #ecc47c;
    --warn-line: #d49a3a;
    --danger-bg: #3b201b;
    --danger-ink: #f2b8ad;
    --danger-line: #e07a6e;
    --figura-fundo: #ffffff;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #0f1b17;
  --card: #152922;
  --line: #24382f;
  --ink: #e4ede6;
  --ink-2: #a7b8ac;
  --brand: #3fa483;
  --pine: #dbe7de; /* ver o par acima */
  --ok-bg: #132c21;
  --ok-ink: #a8dcb8;
  --ok-line: #3fa483;
  --warn-bg: #33291a;
  --warn-ink: #ecc47c;
  --warn-line: #d49a3a;
  --danger-bg: #3b201b;
  --danger-ink: #f2b8ad;
  --danger-line: #e07a6e;
  --figura-fundo: #ffffff;
}

/* Link é texto da marca: sem isto, o azul e o roxo do navegador (1,9:1 no tema escuro).
   :where() zera a especificidade — qualquer classe (botão-link) continua mandando. */
:where(a) {
  color: var(--brand);
}

/* ── A marca oficial nas páginas internas ─────────────────────────────────────────
   O texto acompanha o tema sozinho (herda de --brand/--ink); a marca NÃO — o SVG
   servido carrega a cor dentro do arquivo. A marca pinho sobre o --paper escuro dá
   1,94:1, ou seja, some. Por isso duas artes, ambas oficiais: a assinatura pinho e o
   negativo do `GUIA-DA-MARCA.md §3`. Trocar por CSS (e não por filtro/máscara) mantém
   o ponto âmbar na cor certa de cada fundo, que o guia especifica separadamente. */
.marca-do-site {
  display: block;
  height: 30px; /* ≥22px de arte visível: ver tests/unit/test_marca.py */
  width: auto;
}

.marca-do-site.escura {
  display: none;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .marca-do-site.clara {
    display: none;
  }

  :root:not([data-theme="light"]) .marca-do-site.escura {
    display: block;
  }
}

:root[data-theme="dark"] .marca-do-site.clara {
  display: none;
}

:root[data-theme="dark"] .marca-do-site.escura {
  display: block;
}