/* tokens.css : o unico lugar onde valor de cor, espaco, raio e fonte existe.
 *
 * REGRA PETREA (Sistema_de_Estilos): nenhuma tela escreve CSS inline nem
 * `<style>` proprio. Mudou cor, mudou aqui. E o hex NUNCA aparece num template:
 * a prova e `grep -rn "#dc0d15" templates/` voltar vazio.
 *
 * FAMILIA DE TOKEN, decisao declarada do projeto. A vault tem DUAS familias
 * vivas para a mesma cor: `--accent` (nota Sistema_de_Estilos, preset escuro da
 * casa) e `--cor-primaria` (nota Padrao_Menu_Sidebar, ERP em producao). As duas
 * dizem "sempre", e duas instrucoes que se contradizem equivalem a nenhuma: foi
 * assim que um projeto teste saiu inteiro no azul default. Este projeto escolheu
 * `--cor-primaria`, no arquivo `tokens.css`. Familia da nota de estilo, endereco
 * da nota de estrutura.
 *
 * DE ONDE VEM A PALETA CLARA. O bloco de identidade do `Sistema_de_Estilos` e
 * ESCURO (`--bg: #0d0f12`), e este projeto e tema claro. Os nomes neutros do
 * tema claro nao estao naquela nota: estao espalhados no `Padrao_Menu_Sidebar` e
 * no `Padrao_Sidebar_Rodape`, que declaram `tema: claro` e usam `--branco`,
 * `--borda`, `--fundo`, `--texto`, `--texto-suave`, `--texto-fraco`,
 * `--texto-secundario`, `--raio-sm` e `--transicao` sem nunca dar os valores.
 * Os valores abaixo sao a derivacao desses nomes, e ela esta declarada no
 * `00_GENESIS` em vez de inventada em silencio.
 */

:root {
  /* ------------------------------------------------------------------ *
   * COR DE MARCA. Rampa derivada a partir de #dc0d15, o vermelho oficial
   * da Avanco Negocios Corporativos (Manual de Identidade Visual, padrao
   * cromatico: vermelho #dc0d15 + preto #231f20). Adotada em 2026-09-03 no
   * lugar do azul default #3387E9, que a vault (Sistema_de_Estilos:157) so
   * chamava de "cor base padrao se nada for definido", nunca a marca real.
   * A rampa esta espelhada no bloco de identidade do CLAUDE.md.
   * ------------------------------------------------------------------ */
  --cor-primaria: #dc0d15;
  --cor-primaria-hover: #BF0B12;
  --cor-primaria-escura: #A30A10;
  --cor-primaria-suave: #FCE7E8;
  --cor-primaria-soft: rgba(220, 13, 21, 0.12);
  --cor-primaria-sombra: rgba(220, 13, 21, 0.15);
  --cor-primaria-texto: #BF0B12;
  --texto-sobre-cor-primaria: #FFFFFF;

  /* CONTRASTE. O vermelho da 5,11:1 sobre branco: PASSA ate em texto de corpo
   * (piso 4,5:1) e em borda/icone (piso 3:1) — melhor que o azul antigo (3,63:1).
   * Branco sobre o vermelho tambem da 5,11:1 (preto so 4,11:1), por isso texto
   * em cima da cor e branco. Papeis:
   *   letra em fundo claro ......... --cor-primaria-texto (#BF0B12, 6,42:1)
   *   borda e icone pequeno ........ --cor-primaria-escura (#A30A10, 8,05:1)
   *   preenchimento e contorno ..... --cor-primaria (#dc0d15, 5,11:1)
   *   texto sobre a cor ............ --texto-sobre-cor-primaria (#FFFFFF)
   * O token `-texto` continua existindo pra dar margem de contraste sem trocar
   * a matiz. Vermelho de marca (#dc0d15) e vermelho semantico de perigo
   * (--perigo #dc2626) sao papeis distintos e convivem de proposito. */

  /* ------------------------------------------------------------------ *
   * NEUTROS, tema claro. Derivados dos nomes que as notas de sidebar usam.
   * ------------------------------------------------------------------ */
  --branco: #ffffff;
  --fundo: #f6f7f9;            /* fundo da area de conteudo e hover de menu */
  --borda: #e4e7ec;
  --borda-forte: #cbd2da;

  --texto: #1a1f26;            /* texto principal, 15,4:1 sobre branco */
  --texto-secundario: #4a545f; /* rotulo e apoio,   8,3:1 */
  --texto-suave: #5c6672;      /* item de menu em repouso, 6,7:1 */
  --texto-fraco: #78828e;      /* legenda e placeholder,   4,6:1 */

  --sucesso: #16a34a;
  --perigo: #dc2626;
  --alerta: #d97706;
  --info: #2563eb;

  /* ------------------------------------------------------------------ *
   * TIPOGRAFIA. Duas familias com papeis distintos (Sistema_de_Estilos).
   * Inter e o sistema inteiro. Sora SO grita hierarquia, e sempre com o
   * aperto de -.02em.
   * ------------------------------------------------------------------ */
  --font: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Sora", "Inter", sans-serif;

  --fs-xs: 11.5px;
  --fs-sm: 13px;
  --fs-base: 15px;
  --fs-lg: 16px;
  --fs-xl: 18px;
  --fs-2xl: 26px;

  /* ------------------------------------------------------------------ *
   * ESPACO E FORMA
   * ------------------------------------------------------------------ */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* Raio por TOKEN, nunca em px solto no componente. A prova e
   * `grep -rnE "border-radius:\s*[0-9]+px" templates/ static/css/` voltar
   * vazio fora deste arquivo. */
  --raio-sm: 8px;
  --raio: 12px;
  --raio-lg: 18px;
  --raio-full: 9999px;

  --sombra-sm: 0 1px 2px rgba(16, 24, 40, .06);
  --sombra: 0 4px 12px rgba(16, 24, 40, .08);
  --sombra-lg: 0 12px 28px rgba(16, 24, 40, .12);

  --transicao: .18s ease;

  /* ------------------------------------------------------------------ *
   * CHROME. A largura da sidebar e sobrescrita pelo localStorage no <head>,
   * ANTES do CSS, para nao piscar no render (Padrao_Menu_Sidebar).
   * ------------------------------------------------------------------ */
  --sidebar-width: 248px;
  --topbar-h: 58px;
}