/* Unico arquivo com hex. Cor, tipografia, espaco, raio, sombra e camada nascem aqui. */

:root {
  /* Marca: rampa do paleta.py, tema light. Trocar a cor e trocar este bloco.
     O laranja puro da 2,69:1 sobre branco: letra laranja usa --cor-primaria-texto,
     borda e icone pequeno usam --cor-primaria-escura, a pura so em fundo e borda grossa. */
  --cor-primaria: #FF7500;
  --cor-primaria-hover: #D66200;
  --cor-primaria-escura: #A34B00;
  --cor-primaria-suave: #F8EFE7;
  --cor-primaria-soft: rgba(255, 117, 0, 0.12);
  --cor-primaria-sombra: rgba(255, 117, 0, 0.15);
  --cor-primaria-texto: #B85400;
  --texto-sobre-cor-primaria: #000000;

  /* Neutros e estados (tema light) */
  --fundo: #F6F7F9;
  --superficie: #FFFFFF;
  --branco: #FFFFFF;
  --borda: #E5E7EB;
  --borda-forte: #7F8EA3; /* borda de campo: 3:1 sobre --superficie e --fundo (WCAG 1.4.11) */
  --texto: #1E293B;
  --texto-suave: #5B6B82;
  --texto-secundario: var(--texto-suave); /* nome usado pelas notas de toggle e de sidebar */
  --texto-fraco: #94A3B8; /* 2,6:1: so icone decorativo e item esmaecido, nunca texto que precisa ser lido */
  --verde: #15803D;
  --verde-suave: #ECFDF3;
  --ambar: #B45309;
  --ambar-suave: #FFF7E6;
  --vermelho: #B91C1C;
  --vermelho-suave: #FEF2F2;
  --azul-info: #1D4ED8;
  --azul-info-suave: #EFF6FF;
  --verde-toggle: #16a34a; /* toggle on/off ligado (Padrao_Toggle_OnOff): 3,3:1 sobre branco */
  --cor-overlay: rgba(15, 23, 42, 0.45);
  --cor-overlay-modal: rgba(15, 23, 42, 0.55);
  --sombra-bolinha: 0 1px 3px rgba(0, 0, 0, 0.25);
  --pista-rolagem: rgba(15, 23, 42, 0.08); /* sombra na borda da tabela que rola de lado */
  --brilho-interno: rgba(255, 255, 255, 0.4); /* anel do botao Inicio da sidebar na tela atual */
  --cor-faixa-lote: #1E293B; /* barra escura da selecao em lote (Padrao_Selecao_em_Lote) */
  --texto-sobre-faixa-lote: #FFFFFF;
  --cor-faixa-lote-hover: rgba(255, 255, 255, 0.12);
  --cor-faixa-lote-borda: rgba(255, 255, 255, 0.35);

  /* Tipografia: Inter no corpo, Sora so nos titulos */
  --font-corpo: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Sora", "Inter", sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, "Liberation Mono", monospace;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-base: 15px;
  --fs-lg: 16px;
  --fs-xl: 18px;
  --fs-2xl: 22px;

  /* Espaco */
  --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 3px rgba(15, 23, 42, 0.08);
  --sombra: 0 4px 12px rgba(15, 23, 42, 0.10);
  --sombra-md: 0 10px 24px rgba(15, 23, 42, 0.14);
  --sombra-lg: 0 20px 50px rgba(15, 23, 42, 0.25);
  --transicao: .2s ease;

  /* Camadas */
  --z-base: 0;
  --z-sidebar: 100;
  --z-sticky: 200;
  --z-dropdown: 300;
  --z-overlay: 400;
  --z-modal: 500;
  --z-toast: 600;
  --z-tooltip: 700;

  /* Estrutura */
  --sidebar-width: 248px;
  --topbar-h: 58px;
  --fu-h: 40px;
}