/* Visual moderno (#15389) — cores por tema do cliente.
   Os valores saem do tema de cada cliente (primefaces-sentinel/theme.css e theme-upvet.css); a camada nova muda forma,
   não cor. Cliente novo = um bloco body.visual-moderno.tema-<x> com as cores do tema dele. "Clara", "tonal" e
   "borda" são tons da primária (o tema não tem essas variações). */
body.visual-moderno {
    --ic-cor: #1578c9;
    --ic-cor-escura: #1462ac;
    --ic-cor-cabecalho: #1578c9;
    --ic-destaque: #27aae1;
    --ic-cor-clara: #e8f1fa;
    --ic-cor-tonal: #d5e6f6;
    --ic-cor-borda: #b9d5ee;
    --ic-cor-borda-suave: #d6e5f3;

    /* Menu lateral: o grafite do layout (#3D3D3D) puxado para a cor do tema; realce na cor de destaque do tema
       (#27aae1), que tem contraste no fundo escuro — o azul primário não tem. */
    --ic-menu-fundo: #25313c;
    --ic-menu-fundo-hover: #2d3b48;
    --ic-menu-submenu: #212b35;
    --ic-menu-barra: #1c252e;
    --ic-menu-divisoria: #34424f;
    --ic-menu-realce: #27aae1;
    --ic-menu-icone: #9fb0bf;
    /* Submenu: cada nível um pouco mais claro, como os corNivel* do template (cinza #4a4a4a, #5a5a5a, ...). */
    --ic-menu-nivel1: #2c3946;
    --ic-menu-nivel2: #33424f;
    --ic-menu-nivel3: #3a4a58;
    --ic-menu-item-hover: #405262;
    --ic-menu-ativo: #34475a;
    --ic-topo-fundo: #1f2a34;
    /* Vermelho legível no fundo escuro do menu (o #dc3545 de perigo dá 2,9:1 ali). */
    --ic-menu-perigo: #f28b82;

    /* .hardblue era o destaque claro (#27aae1, 2,6:1 no branco): texto em destaque usa o tom escuro do tema. */
    --ic-texto-destaque: #1462ac;

    /* GreenButton / RedButton / OrangeButton do theme.css (a UpVet não os redefine) */
    --ic-sucesso: #2b9f4c;
    --ic-sucesso-escura: #248a40;
    --ic-perigo: #dc3545;
    --ic-perigo-escura: #c9302c;
    --ic-perigo-clara: #fcecee;
    --ic-perigo-borda: #f3c5ca;
    --ic-alerta: #c99f15;
    --ic-alerta-texto: #7a600c;
    --ic-alerta-clara: #fdf6e1;
    --ic-alerta-borda: #f0dca0;
    /* RedButton tonal e o hover um tom acima (texto 4,9:1 e 4,8:1 no próprio fundo). */
    --ic-vermelho-tonal: #f8d7da;
    --ic-vermelho-tonal-borda: #f1aeb5;
    --ic-vermelho-tonal-texto: #b02a37;
    --ic-vermelho-tonal-hover: #f3c4c9;
    --ic-vermelho-tonal-hover-borda: #e88f99;
    --ic-vermelho-tonal-hover-texto: #a12531;

    /* Mensagens: a borda clara de cada severidade do theme.css e o texto num tom escuro da mesma cor (o original
       dava 1,6:1 a 3,8:1 no branco, estes ficam acima de 5,6:1). Informação é o sucesso do sistema: verde. */
    --ic-msg-info-texto: #146c43;
    --ic-msg-info-borda: #b7dfc4;
    --ic-msg-alerta-texto: #7f5f00;
    --ic-msg-alerta-borda: #f7e3a4;
    --ic-msg-erro-texto: #b8234f;
    --ic-msg-erro-borda: #f4bacb;
    --ic-msg-fatal-texto: #b3261e;
    --ic-msg-fatal-borda: #f5b1b1;

    --ic-borda: #e8edf2;
    /* Divisória entre linhas da tabela: sem zebra, ela é o guia de leitura e precisa aparecer um pouco mais. */
    --ic-linha: #dde3ea;
    --ic-borda-forte: #d1d3d4;
    /* Cabeçalho das colunas e borda de campo: cinza neutro, igual nos dois temas (a cor do tema fica no título). */
    --ic-cabecalho-fundo: #f2f4f7;
    --ic-cabecalho-borda: #dfe4ea;
    --ic-campo-borda: #d3d9e0;
    --ic-fundo: #fbfcfd;
    --ic-fundo-hover: #f5f7fa;
    --ic-texto: #2b3440;
    --ic-texto-suave: #5e6d77;
    /* Mais claro que o texto suave para não se confundir com valor preenchido, ainda 4,68:1 no branco. */
    --ic-placeholder: #687680;
    /* Fundo da página atrás dos cards e superfície do card: o branco puro em toda a área cansava em uso o dia todo.
       Campo e tabela continuam #fff, para se destacarem como o que é editável/lido. Neutros, iguais nos temas. */
    --ic-fundo-pagina: #eceff3;
    --ic-superficie: #fafbfc;
    --ic-desativado-fundo: #eef1f4;
    --ic-desativado-texto: #9aa5ae;
}

/* theme-upvet.css: #1578c9 -> #41703c (fundos/botões) e #275a30 (contorno de cabeçalhos), #27aae1 -> #51703c,
   hover do botão #2b4f27, cabeçalho de tabela #dae8ef/#c1d5df -> #daefe0/#c1dfc7. */
body.visual-moderno.tema-upvet {
    --ic-cor: #41703c;
    --ic-cor-escura: #2b4f27;
    --ic-cor-cabecalho: #275a30;
    --ic-destaque: #51703c;
    --ic-cor-clara: #eef3ec;
    --ic-cor-tonal: #dce8d9;
    --ic-cor-borda: #c3d3bf;
    --ic-cor-borda-suave: #d9e3d6;

    /* O verde da UpVet (#51703c) some no fundo escuro: realce num tom claro do mesmo verde. */
    --ic-menu-fundo: #29312a;
    --ic-menu-fundo-hover: #323c32;
    --ic-menu-submenu: #252c25;
    --ic-menu-barra: #1f251f;
    --ic-menu-divisoria: #3a453a;
    --ic-menu-realce: #9cc58a;
    --ic-menu-icone: #a9b8a6;
    --ic-menu-nivel1: #2f382f;
    --ic-menu-nivel2: #364036;
    --ic-menu-nivel3: #3d483d;
    --ic-menu-item-hover: #445044;
    --ic-menu-ativo: #3b4a3b;
    --ic-topo-fundo: #232a23;
    --ic-menu-perigo: #f28b82;
    --ic-texto-destaque: #41703c;
}