/* =====================================================================
 *  KRIGGING - TOKENS DO PRODUTO
 *
 *  Carregado DEPOIS de krigs-tokens.css, que nao se altera.
 *  Aqui ficam somente os valores que o Design System oficial ainda nao
 *  declara como token e que a moldura precisa: as cores da NAVEGACAO e
 *  duas medidas da tela de entrada.
 *
 *  POR QUE ELES EXISTEM
 *  O Documento 04 secao 2.1 proibe cor escrita a mao no CSS: "nenhuma cor
 *  escrita a mao. So variaveis do :root", e um teste de convencao reprova
 *  hexadecimal literal fora do arquivo de tokens. Mas o menu lateral
 *  oficial da plataforma (Constituicao secao 20) usa uma escala escura
 *  propria que o Documento 04 nao lista. Copiar os hexadecimais soltos
 *  para dentro do CSS do produto violaria a regra; "aproximar" com os
 *  tokens existentes violaria a secao 20, que manda COPIAR e nao
 *  aproximar. A saida e esta: os MESMOS valores do KFROTA, declarados
 *  como token, num arquivo de tokens.
 *
 *  OS VALORES SAO OS DO KFROTA, DIGITO POR DIGITO. Nao se aproxima
 *  nenhum deles: divergencia entra calada e fica anos, foi o que houve
 *  com o botao do Assistente entre o KEPI e o KFROTA.
 *
 *  Registro da decisao: docs/adr/ADR-003-tokens-de-navegacao.md
 *  Origem dos valores: KFROTA/public/css/app.css (secao LAYOUT APP)
 * ===================================================================== */

:root{
  /* ---- Largura do menu: valor FIXO da plataforma (secao 20) --------- */
  --nav-w: 248px;

  /* ---- Superficie escura do menu (gradiente vertical) -------------- */
  --nav-fundo-1: #0b1220;   /* topo do gradiente da barra lateral      */
  --nav-fundo-2: #0e1830;   /* base do gradiente da barra lateral      */

  /* ---- Texto do menu ----------------------------------------------- */
  --nav-texto:  #cbd5e1;    /* item em repouso                          */
  --nav-rotulo: #475569;    /* titulo de categoria e rodape do menu     */
  --nav-suave:  #94a3b8;    /* nome da empresa, sob a marca             */

  /* ---- Interacao ---------------------------------------------------- */
  --nav-linha:        rgba(255,255,255,.08);  /* divisorias do menu     */
  --nav-hover:        rgba(255,255,255,.06);  /* item sob o cursor      */
  --nav-sombra-ativo: rgba(21,101,192,.4);    /* item selecionado       */

  /* ---- Tela de entrada: as duas medidas que o Documento 04 fixa
   *      para o cartao e que nao existem como token oficial ---------- */
  --entrada-sombra: 0 12px 40px rgba(0,0,0,.25);
  --entrada-rodape: rgba(255,255,255,.75);

  /* ---- Fundo escurecido da gaveta no celular. O MESMO valor que o
   *      `dialog.modal::backdrop` dos componentes oficiais usa: dois
   *      escurecimentos diferentes na mesma tela se percebem. -------- */
  --cobertura: rgba(16,24,40,.5);
}

/* Rotulo de campo: valor do Documento 04, secao 3 (13px, peso 600). */
:root {
  --rotulo:          #39424f;
}

/* Caixa de aviso AMARELA (pendencias da tabela de carga, maquina sem
   tabela). O componente oficial `.alerta` so declara a verde e a vermelha;
   o fundo e o `--amarelo-claro` oficial, e estes dois sao a borda e o texto
   que fecham contraste sobre ele, nos dois temas. O texto e o mesmo tom do
   selo amarelo oficial (`.badge.amarelo`). */
:root {
  --aviso-borda:     #f0d48a;
  --aviso-texto:     #7a5500;
}

/* A FOLHA DO PLANO e papel: clara sempre, tambem no modo escuro. Estes tokens
   nao tem versao escura de proposito. */
:root{
  --papel-texto: #1f2733;
  --papel-cinza: #5b6470;
  --papel-linha: #d5dae0;
  --papel-bg: #f4f6f9;
  --papel-branco: #ffffff;
}

/* A PRANCHA e o MEMORIAL sao papel tecnico (public/css/documentos.css): linha preta, faixa cinza de titulo e a cor
   que a prancha da casa usa (verde, amarelo, laranja e vermelho da utilizacao e da tabela de angulos; caixa
   vermelha dos avisos; celula lida da tabela de carga; madeira do calco). Sem versao escura, de proposito. */
:root{
  --prancha-preto: #000000;
  --prancha-texto-2: #333333;
  --prancha-linha-2: #555555;
  --prancha-faixa: #dcdcdc;
  --prancha-faixa-2: #f1f1f1;
  --prancha-verde: #b9e2a7;
  --prancha-verde-2: #cfe9c4;
  --prancha-verde-texto: #1b6e20;
  --prancha-amarelo: #ffe680;
  --prancha-amarelo-2: #fff0a6;
  --prancha-laranja: #ffd09a;
  --prancha-vermelho: #f4a29b;
  --prancha-vermelho-2: #f6b0aa;
  --prancha-vermelho-linha: #c00000;
  --prancha-aviso: #f3dcdc;
  --prancha-lida: #ffe14d;
  --prancha-madeira: #e9dcc3;
  --prancha-madeira-2: #be9f6e;
}

/* TEXTO EM GRAFITE (12/10/2026, pedido do dono): o texto principal e os negritos saem um tom abaixo do
   preto, em grafite, que combina com o azul do sistema. So no tema claro; o escuro fica como esta. */
:root:not([data-theme="dark"]){ --texto:#3a424e; --rotulo:#4a5361 }