/* =====================================================================
   Tema central da Fazenda Cruzeiro: fonte unica de cores do Hub e dos apps.
   Fica em HubFazendaCruzeiro/app/static/tema/ e cada app o serve pela rota
   /tema-central/tema.css (modulo tema_central.py). Nao copie este arquivo.

   Regras:
   - Telas usam SO estas variaveis (var(--cor-...)), nunca cor fixa.
   - O tema claro e o padrao; o escuro vale com html[data-theme="noturno"].
   - Cada par texto/fundo abaixo foi medido: >= 4,5:1 nos dois temas.
   - Cor nova: acrescente aqui, com o valor claro e o escuro, e rode a
     auditoria (Revisoes/testes/auditar_telas.html) nos 4 sistemas.
   ===================================================================== */
:root{
  color-scheme:light;
  /* superficies */
  --cor-fundo:#F4F1E9;              /* fundo da pagina */
  --cor-superficie:#FFFFFF;         /* cards, paineis, menus, topo */
  --cor-superficie-suave:#F8F6F0;   /* cabecalho de tabela, faixas */
  --cor-superficie-realce:#EEECE6;  /* botao secundario, blocos neutros */
  --cor-superficie-hover:#E6E2D8;
  --cor-campo:#FFFFFF;              /* input, select, textarea */
  /* texto */
  --cor-texto:#2F312C;
  --cor-texto-secundario:#62645D;
  --cor-texto-fraco:#6A6C65;        /* rotulos em caixa alta, datas */
  /* bordas */
  --cor-borda:#E5E1D7;
  --cor-borda-suave:#ECEEE8;
  --cor-borda-forte:#C9C5BB;        /* campos de formulario */
  /* marca */
  --cor-destaque:#8BA63A;           /* botao principal, item ativo */
  --cor-destaque-hover:#748C30;
  --cor-destaque-vivo:#748C30;      /* seta, icone e traco de destaque sobre superficie (>= 3:1) */
  --cor-sobre-destaque:#141810;     /* texto e icone sobre o verde e o amarelo solidos */
  --cor-sobre-forte:#FFFFFF;        /* texto sobre o vermelho solido e o verde escuro */
  --cor-destaque-texto:#566A22;     /* link, titulo verde, protocolo */
  --cor-destaque-texto-forte:#34471E; /* titulo verde escuro, codigo */
  --cor-destaque-suave:#EEF3DE;     /* chip, item selecionado, mensagem propria */
  --cor-destaque-suave-hover:#DFE8D5;
  --cor-destaque-borda:#DCE4D1;
  --cor-destaque-borda-forte:#C8D99A;
  /* estados: cor (texto ou solido) + suave (fundo) */
  --cor-sucesso:#3F6D27;   --cor-sucesso-suave:#E1F1D8;
  --cor-aviso:#7E5D19;     --cor-aviso-suave:#FFF1CF;   --cor-aviso-solido:#D89519;  --cor-aviso-borda:#EBCB8B;
  --cor-perigo:#C64545;    --cor-perigo-suave:#FBE7E7;  --cor-perigo-forte:#9C3838; /* texto de erro */  --cor-perigo-borda:#E9B6B6;
  --cor-info:#3E6E9F;      --cor-info-suave:#E6EFFA;
  --cor-alerta:#A84D21;    --cor-alerta-suave:#FCE3D5;  /* prioridade alta/urgente */
  --cor-roxo:#6A5A9E;      --cor-roxo-suave:#EEEAF7;
  /* efeitos */
  --sombra-suave:0 2px 6px rgba(52,48,38,.05);   /* chip, balao de conversa */
  --sombra:0 5px 18px rgba(52,48,38,.07);
  --sombra-elevada:0 10px 26px rgba(52,48,38,.11); /* cartao ao passar o mouse, icone do painel */
  --sombra-flutuante:0 16px 42px rgba(45,54,34,.18);
  --cor-sobreposicao:rgba(31,36,27,.46);
  --cor-foco:rgba(139,166,58,.18);
  /* icones do painel do Hub (dourado e oliva): iguais nos dois temas */
  --cor-marca-dourado:#C49A3A;--cor-marca-dourado-claro:#D0AD62;--cor-marca-dourado-escuro:#B78C3C;--cor-marca-oliva:#94AA6B;
  /* 0241: identidade de cada app (fazenda_common/apps.py): a cor do card no Hub, do topo e dos avisos do sino.
     -escuro: o fim do degradê do card; -suave: fundo do aviso não lido; -texto: o nome do app sobre o fundo. */
  --cor-app-hub:#6F7468;        --cor-app-hub-escuro:#5B6055;        --cor-app-hub-suave:#EEEFEA;        --cor-app-hub-texto:#4A4E44;
  --cor-app-chamados:#8BA63A;   --cor-app-chamados-escuro:#748C30;   --cor-app-chamados-suave:#EEF3DE;   --cor-app-chamados-texto:#566A22;
  --cor-app-bonificacao:#C49A3A;--cor-app-bonificacao-escuro:#B78C3C;--cor-app-bonificacao-suave:#FBF1DB;--cor-app-bonificacao-texto:#7E5D19;
  --cor-app-agenda:#6F97C2;     --cor-app-agenda-escuro:#5A80AA;     --cor-app-agenda-suave:#E6EFFA;     --cor-app-agenda-texto:#3E6E9F;
  --cor-app-utilitarios:#9888C0;--cor-app-utilitarios-escuro:#8070AA;--cor-app-utilitarios-suave:#EEEAF7;--cor-app-utilitarios-texto:#6A5A9E;
}
html[data-theme="noturno"]{
  color-scheme:dark;
  --cor-fundo:#121510;
  --cor-superficie:#1B2018;
  --cor-superficie-suave:#23291F;
  --cor-superficie-realce:#2C3427;
  --cor-superficie-hover:#36402F;
  --cor-campo:#171B15;
  --cor-texto:#F0F2EC;
  --cor-texto-secundario:#C4CBBE;
  --cor-texto-fraco:#AEB6A7;
  --cor-borda:#3B4635;
  --cor-borda-suave:#2F3829;
  --cor-borda-forte:#55614B;
  --cor-destaque:#8BA63A;
  --cor-destaque-hover:#9DB84A;
  --cor-destaque-vivo:#B9D36D;
  --cor-sobre-destaque:#141810;
  --cor-sobre-forte:#141810;
  --cor-destaque-texto:#B9D36D;
  --cor-destaque-texto-forte:#D4E78A;
  --cor-destaque-suave:#334127;
  --cor-destaque-suave-hover:#3D4B2E;
  --cor-destaque-borda:#4A5C36;
  --cor-destaque-borda-forte:#5E7440;
  --cor-sucesso:#B9D36D;   --cor-sucesso-suave:#2C3A24;
  --cor-aviso:#F3D37A;     --cor-aviso-suave:#3A3220;   --cor-aviso-solido:#F3D37A;  --cor-aviso-borda:#5C4C2A;
  --cor-perigo:#FFB5B5;    --cor-perigo-suave:#3A2323;  --cor-perigo-forte:#FFC9C9;  --cor-perigo-borda:#5A3131;
  --cor-info:#A9C8F0;      --cor-info-suave:#1F2E3D;
  --cor-alerta:#FFC8A8;    --cor-alerta-suave:#402A1E;
  --cor-roxo:#CDBFF2;      --cor-roxo-suave:#2E2840;
  --sombra-suave:0 2px 6px rgba(0,0,0,.25);
  --sombra:0 5px 18px rgba(0,0,0,.22);
  --sombra-elevada:0 10px 26px rgba(0,0,0,.40);
  --sombra-flutuante:0 16px 42px rgba(0,0,0,.45);
  --cor-sobreposicao:rgba(0,0,0,.62);
  --cor-foco:rgba(185,211,109,.22);
  --cor-app-hub:#8E9585;        --cor-app-hub-escuro:#767D6E;        --cor-app-hub-suave:#2C3427;        --cor-app-hub-texto:#C4CBBE;
  --cor-app-chamados:#8BA63A;   --cor-app-chamados-escuro:#748C30;   --cor-app-chamados-suave:#2E3A22;   --cor-app-chamados-texto:#B9D36D;
  --cor-app-bonificacao:#C49A3A;--cor-app-bonificacao-escuro:#A98330;--cor-app-bonificacao-suave:#3A3220;--cor-app-bonificacao-texto:#F3D37A;
  --cor-app-agenda:#6F97C2;     --cor-app-agenda-escuro:#5A80AA;     --cor-app-agenda-suave:#1F2E3D;     --cor-app-agenda-texto:#A9C8F0;
  --cor-app-utilitarios:#9888C0;--cor-app-utilitarios-escuro:#8070AA;--cor-app-utilitarios-suave:#2E2840;--cor-app-utilitarios-texto:#CDBFF2;
}

/* Compatibilidade: nomes antigos que as telas ainda usam -> variaveis centrais.
   Nao use em codigo novo; remova quando nenhum app referenciar mais. */
:root{--green:var(--cor-destaque);--green-dark:var(--cor-destaque-hover);--green-deep:var(--cor-destaque-texto);--green-soft:var(--cor-destaque-suave);--bg:var(--cor-fundo);--panel:var(--cor-superficie);--white:var(--cor-superficie);--text:var(--cor-texto);--muted:var(--cor-texto-secundario);--border:var(--cor-borda);--danger:var(--cor-perigo);--warning:var(--cor-aviso-solido);--blue:var(--cor-info);--purple:var(--cor-roxo);--soft:var(--cor-destaque-suave);--chrome:var(--cor-superficie);--chrome-bg:var(--cor-superficie);--beige-soft:var(--cor-superficie-suave);--surface-soft:var(--cor-superficie-suave);--surface-muted:var(--cor-superficie-realce);--surface-hover:var(--cor-superficie-hover);--surface-accent:var(--cor-superficie);--surface-sector:var(--cor-destaque-suave);--surface-neutral:var(--cor-superficie-suave);--field-bg:var(--cor-campo);--accent-text:var(--cor-destaque-texto);--accent-border:var(--cor-destaque-borda-forte);--flow-accent:var(--cor-destaque-vivo);--positive-text:var(--cor-sucesso);--danger-text:var(--cor-perigo-forte);--danger-soft:var(--cor-perigo-suave);--on-accent:var(--cor-sobre-destaque);--shadow:var(--sombra)}

/* Botao "Escolher arquivo" do campo de arquivo: sem estilo proprio, cada navegador
   desenha o seu e, no tema noturno, alguns saem com fundo claro e texto branco.
   Vale para os 4 apps; o tema claro continua com o padrao do navegador. */
html[data-theme="noturno"] input[type="file"]::file-selector-button{background:var(--cor-superficie-realce);color:var(--cor-texto);border:1px solid var(--cor-borda-forte);border-radius:6px;padding:7px 10px;margin-right:10px;cursor:pointer}
html[data-theme="noturno"] input[type="file"]::file-selector-button:hover{background:var(--cor-superficie-hover)}

/* Seta da lista (select): a do navegador ganha, no Chrome e no Edge, um botao cinza claro
   ao passar o mouse, fora do tema noturno. Ali a seta passa a ser desenhada so com as
   variaveis do tema. Vale para os 4 apps; o tema claro continua com o padrao do navegador. */
html[data-theme="noturno"] select:not([multiple]):not([size]){appearance:none;-webkit-appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,var(--cor-texto-secundario) 50%),linear-gradient(135deg,var(--cor-texto-secundario) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}