/* Tokens do Gestão DocFiscal. Único lugar onde cor, fonte, espaço, raio, sombra e camada
   têm valor. Tela nenhuma escreve hex: usa var(--...).

   Rampa da marca saída do paleta.py (cor do PASSO 0). A primária pura reprova como letra
   sobre branco (3.63:1): texto e link usam --cor-primaria-texto, e fundo com letra branca
   usa --cor-primaria-hover ou --cor-primaria-escura. */
:root {
  /* Marca */
  --cor-primaria: #3387E9;
  --cor-primaria-hover: #1872DC;
  --cor-primaria-escura: #135AAD;
  --cor-primaria-suave: #E7EFF8;
  --cor-primaria-soft: rgba(51, 135, 233, 0.12);
  --cor-primaria-sombra: rgba(51, 135, 233, 0.15);
  --cor-primaria-texto: #1872DC;
  --texto-sobre-cor-primaria: #000000;
  --cor-primaria-padrao: #3387E9;  /* a cor sem a troca do /dev/identidade: o seletor de cor volta nela */

  /* Neutros (tema claro) */
  --branco: #FFFFFF;
  --fundo: #F5F7FA;
  --borda: #E5E7EB;
  --borda-forte: #D1D5DB;
  --texto: #111827;
  --texto-secundario: #374151;
  --texto-suave: #4B5563;
  --texto-fraco: #6B7280;

  /* Estados (tom escuro o bastante pra servir de letra sobre o suave) */
  --verde: #15803D;
  --verde-suave: #DCFCE7;
  --ambar: #B45309;
  --ambar-suave: #FEF3C7;
  --vermelho: #B91C1C;
  --vermelho-suave: #FEE2E2;
  --azul-info: #1D4ED8;
  --azul-suave: #DBEAFE;
  --roxo: #6D28D9;
  --roxo-suave: #EDE9FE;
  --cinza-suave: #F3F4F6;
  --vermelho-escuro: #991B1B;
  --verde-toggle: #16a34a;  /* toggle ligado (Padrao_Toggle_OnOff) */

  /* Tipografia: Inter no corpo, Sora nos títulos */
  --font: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Sora", "Inter", sans-serif;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 15px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 26px;

  /* Espaço */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* Raio */
  --raio-sm: 8px;
  --raio: 12px;
  --raio-lg: 18px;
  --raio-full: 9999px;

  /* Sombra */
  --sombra-sm: 0 1px 2px rgba(16, 24, 40, 0.05);
  --sombra: 0 4px 12px rgba(16, 24, 40, 0.08);
  --sombra-md: 0 8px 24px rgba(16, 24, 40, 0.12);
  --sombra-lg: 0 20px 48px rgba(16, 24, 40, 0.18);

  --transicao: .18s ease;
  --veu: rgba(15, 23, 42, 0.45);
  --anel-claro: rgba(255, 255, 255, 0.4);  /* borda interna do botão "Início" na tela atual */

  /* Barra da seleção em lote (Padrao_Selecao_em_Lote): fundo escuro com letra branca (14,6:1) */
  --lote-fundo: #1E293B;
  --lote-link: #BFDBFE;
  --lote-botao: rgba(255, 255, 255, 0.10);
  --lote-botao-hover: rgba(255, 255, 255, 0.18);
  --lote-borda: rgba(255, 255, 255, 0.25);
  --lote-sombra: 0 -4px 16px rgba(15, 23, 42, 0.18);

  /* Camadas (Padrao_Elevacao_Zindex) */
  --z-topbar: 30;
  --z-lote: 35;     /* barra da seleção em lote: embaixo da gaveta do celular, da lista e do véu */
  --z-overlay: 39;
  --z-sidebar: 40;
  --z-sidebar-resize: 41;
  --z-popover: 45;  /* menu da tabela e lista do SelectBusca fora de modal */
  --z-modal: 50;
  --z-loading: 55;  /* véu do GD.mostrarLoading: por cima do modal, embaixo do aviso */
  --z-flash: 60;
}