/* Visual moderno (#15389) — cores por tema do cliente.
   Os valores saem do tema de cada cliente (primefaces-sentinel/theme*.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;
    /* Linha selecionada (#15501): o #d5e6f6 sumia em monitor de pouco contraste (AOC). 1,41:1 no branco. */
    --ic-linha-selecionada: #c6dcf2;
    /* Mouse sobre a linha selecionada: um degrau abaixo dela, senão o hover some justamente ali. */
    --ic-linha-selecionada-hover: #a9c9ea;
    /* Texto da linha selecionada no escuro do tema: destaca sem negrito, que mudaria a largura e a linha pularia. */
    --ic-texto-selecionada: #132a44;

    /* Menu lateral e topo: o preto azulado da iCode em todos os sistemas; só o realce (e o tom da tela atual, que é
       o realce sobre o fundo) muda por tema. */
    --ic-menu-fundo: #111a2b;
    --ic-menu-fundo-hover: #1c2638;
    --ic-menu-submenu: #111a2b;
    --ic-menu-barra: #0b1220;
    --ic-menu-divisoria: #263248;
    --ic-menu-realce: #27aae1;
    --ic-menu-realce-texto: #0b1220;
    --ic-menu-icone: #8d99ae;
    --ic-menu-texto: #c3ccda;
    --ic-menu-texto-suave: #aeb8c8;
    --ic-menu-nivel1: #111a2b;
    --ic-menu-nivel2: #111a2b;
    --ic-menu-nivel3: #111a2b;
    --ic-menu-item-hover: #1c2638;
    --ic-menu-ativo: #143046;
    --ic-menu-ativo-texto: #7fd0f2;
    --ic-topo-fundo: #0b1220;
    --ic-topo-campo: #111a2b;
    --ic-topo-borda: #263248;
    --ic-topo-texto-suave: #9aa6ba;
    /* 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 (os temas do EAD não os redefinem) */
    --ic-sucesso: #1f7a39;
    --ic-sucesso-escura: #196631;
    --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;
    --ic-perigo-texto-forte: #9a2229;
    --ic-alerta-texto-forte: #614c07;
    --ic-alerta-marca: #a8840f;
    /* 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.
       Escurecida no #15501 junto com o fundo gelo da tabela. */
    --ic-linha: #d3dae2;
    --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: #cfd7e0;
    --ic-campo-borda: #8a95a1;
    --ic-fundo: #fbfcfd;
    --ic-fundo-hover: #f5f7fa;
    --ic-texto: #2b3440;
    --ic-texto-suave: #4f5c66;
    /* Tabela em gelo, não branco puro (#15501): ofusca menos o dia todo. Mais escuro que isso, hover e seleção
       voltam a sumir em monitor de pouco contraste. O cabeçalho das colunas fica um degrau abaixo, só na tabela
       (o --ic-cabecalho-fundo também pinta accordion e subtabela). */
    --ic-tabela-fundo: #f4f6f8;
    --ic-tabela-cabecalho: #e4e9ee;
    /* Hover de linha neutro (#15501), quase tão escuro quanto a seleção: o que os separa é o tom (cinza × cor do tema)
       e a barra lateral da selecionada. Nas linhas sob o mouse e selecionada o texto suave escurece. */
    --ic-linha-hover: #dae0e6;
    --ic-texto-suave-selecionada: #46535e;
    /* GrayButton (#15501): o tema dava #eceff1 com ícone branco (1,15:1). A borda o separa do campo desativado. */
    --ic-botao-cinza-fundo: #e6eaee;
    --ic-botao-cinza-borda: #b4bfc9;
    --ic-botao-cinza-texto: #3f4c58;
    --ic-botao-cinza-hover: #d9dfe5;
    --ic-botao-cinza-hover-borda: #a9b5c0;
    /* 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.
       O campo fica o mais claro da tela, para se destacar como o que é editável. Neutros, iguais nos temas. */
    --ic-fundo-pagina: #e3e7ec;
    --ic-superficie: #f2f4f7;
    --ic-campo-fundo: #fcfcfd;
    --ic-desativado-fundo: #eef1f4;
    --ic-desativado-texto: #737e89;
}

/* theme-unicv.css (UniCV e FCE): #41703c (fundos/botões) e #275a30 (contorno de cabeçalhos), #51703c destaque,
   hover do botão #2b4f27. Mesma paleta da UpVet no iCode. */
body.visual-moderno.tema-unicv {
    --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;
    --ic-linha-selecionada: #c5d9bf;
    --ic-linha-selecionada-hover: #b3cbab;
    --ic-texto-selecionada: #1d2e1b;

    /* O verde da UniCV (#51703c) some no fundo escuro: realce num tom claro do mesmo verde. */
    --ic-menu-realce: #9cc58a;
    --ic-menu-realce-texto: #1d2e1b;
    --ic-menu-ativo: #263439;
    --ic-menu-ativo-texto: #c9e3bd;
    --ic-texto-destaque: #41703c;
}

body.visual-moderno.tema-ead {
    --ic-cor: #ac5e24;
    --ic-cor-escura: #9d5621;
    --ic-cor-cabecalho: #ac5e24;
    --ic-destaque: #f58634;
    --ic-cor-clara: #fef4ed;
    --ic-cor-tonal: #fde9da;
    --ic-cor-borda: #fcd8be;
    --ic-cor-borda-suave: #fbe2cf;
    --ic-linha-selecionada: #fbd9bf;
    --ic-linha-selecionada-hover: #f6c39d;
    --ic-texto-selecionada: #4a2810;

    --ic-menu-realce: #f58634;
    --ic-menu-realce-texto: #1f1206;
    --ic-menu-ativo: #332a2c;
    --ic-menu-ativo-texto: #ffb47a;
    --ic-texto-destaque: #9d5621;
}

/* Malta: o vermelho do tema é o mesmo de excluir/cancelar/vencida. Ele fica na identidade (topo, menu, aba ativa,
   página atual, foco); ação e estado (botão comum, seleção de linha, hover) vão para um grafite azulado. */
body.visual-moderno.tema-malta {
    --ic-cor: #ba0f14;
    --ic-cor-escura: #3b4a5e;
    --ic-cor-cabecalho: #ba0f14;
    --ic-destaque: #d03038;
    --ic-cor-clara: #dce5f1;
    --ic-cor-tonal: #cbd7e8;
    --ic-cor-borda: #9eafc6;
    --ic-cor-borda-suave: #d6dde7;
    --ic-linha-selecionada: #cfd9e6;
    --ic-linha-selecionada-hover: #b9c7d8;
    --ic-texto-selecionada: #1c2836;

    /* Realce no vermelho da logo (#ba0f14). Ele dá 2,6:1 no fundo, então o texto da tela atual vai num vermelho
       claro (7:1); barra, badge e foco ficam no da logo. */
    --ic-menu-realce: #ba0f14;
    --ic-menu-realce-texto: #ffffff;
    --ic-menu-ativo: #2a1828;
    --ic-menu-ativo-texto: #ff8f93;
    --ic-texto-destaque: #9e0d11;
}

body.visual-moderno {
    --ic-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
    --ic-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
    --ic-ease-gaveta: cubic-bezier(0.32, 0.72, 0, 1);
    --ic-ease-suave: cubic-bezier(0.37, 0, 0.63, 1);
}