/* tokens.css
 *
 * Unico lugar onde valor de cor, raio, sombra e espaco e definido.
 * Sistema_de_Estilos: "Mudou cor, mudou em tokens.css". Nenhuma tela escreve
 * cor literal nem CSS inline.
 *
 * Tema CLARO, seguindo Padrao_Menu_Sidebar e Padrao_Sidebar_Rodape.
 * A cor primaria vem do cadastro da organizacao e sobrescreve estes defaults
 * pelo <style> injetado no base.html.
 */

:root {
  /* Cor da marca. Ambar GEFICON na variante de fundo claro (Sistema_de_Estilos:78:
     "Para fundo claro, usar --accent-dark (#A88015)"). */
  --cor-primaria: #A88015;
  --cor-primaria-escura: #8A6912;
  --cor-primaria-suave: #FBF3DE;

  /* Superficies */
  --branco: #FFFFFF;
  --fundo: #F6F7F9;
  --fundo-alt: #FAFBFC;

  /* Bordas (Padrao_Box_Card:37) */
  --borda: #E5E7EB;
  --borda-forte: #CBD1D9;

  /* Texto, do mais forte ao mais fraco */
  --texto: #111827;
  --texto-secundario: #4B5563;
  --texto-suave: #6B7280;
  --texto-fraco: #9CA3AF;

  /* Estados */
  --verde: #16A34A;
  --verde-suave: #F0FDF4;
  --ambar: #D97706;
  --ambar-suave: #FFFBEB;
  --vermelho: #DC2626;
  --vermelho-suave: #FEF2F2;
  --azul-info: #2563EB;
  --azul-suave: #EFF6FF;

  /* Degrade do logotipo GEFICON sobre fundo claro
     (GEFICON_Manual_de_Marca.md:72: "degrade cinza escuro #777777 -> #444444").
     O degrade aluminio claro (#F0F0F0 -> #B8B8B8) e para fundo preto e nao se
     aplica aqui. */
  --marca-metal-claro: #777777;
  --marca-metal-escuro: #444444;

  /* Marca de IA. Nao usada hoje: a extracao e deterministica, nao e IA.
     Fica declarada para o dia em que entrar IA no campo nome, e ai vale
     Padrao_Marca_IA. */
  --roxo: #7C3AED;
  --roxo-suave: #F3EEFF;

  /* Raio (Padrao_Box_Card:31-42) */
  --raio-sm: 8px;
  --raio: 12px;
  --raio-lg: 18px;
  --raio-full: 9999px;

  /* Sombra */
  --sombra-sm: 0 1px 2px rgba(16, 24, 40, .05);
  --sombra: 0 4px 12px rgba(16, 24, 40, .08);
  --sombra-md: 0 8px 24px rgba(16, 24, 40, .12);
  --sombra-lg: 0 20px 48px rgba(16, 24, 40, .18);

  /* Tipografia (Padrao_Menu_Sidebar:17-23) */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Helvetica, sans-serif;
  --font-titulo: "Sora", var(--font);

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

  /* Layout (Padrao_Menu_Sidebar:204) */
  --sidebar-width: 248px;
  --topbar-h: 60px;

  --transicao: .18s ease;
}