/* Visual moderno — cores por tema do cliente.
   Os valores saem do tema de cada build (primefaces-sentinel/theme-muniz.css, ecospeed.css e maisfranquias.css); a
   camada nova muda forma, não cor. Build nova = um bloco body.visual-moderno.tema-<x> com as cores do tema dela.
   "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;
    --ic-linha-selecionada: #c6dcf2;
    --ic-linha-selecionada-hover: #a9c9ea;
    --ic-texto-selecionada: #132a44;

    /* Menu lateral e topo: #0f0f0f em todas as builds; só o realce muda por tema. */
    --ic-menu-fundo: #0f0f0f;
    --ic-menu-fundo-hover: #1b1b1b;
    --ic-menu-submenu: #0f0f0f;
    --ic-menu-barra: #0a0a0a;
    --ic-menu-divisoria: #282828;
    --ic-menu-realce: #27aae1;
    --ic-menu-realce-texto: #07131c;
    --ic-menu-icone: #9a9aa3;
    --ic-menu-texto: #d4d4d8;
    --ic-menu-texto-suave: #b4b4bb;
    --ic-menu-nivel1: #0f0f0f;
    --ic-menu-nivel2: #0f0f0f;
    --ic-menu-nivel3: #0f0f0f;
    --ic-menu-item-hover: #1b1b1b;
    --ic-menu-ativo: #13262f;
    --ic-menu-ativo-texto: #8fd3f0;
    --ic-topo-fundo: #0f0f0f;
    --ic-topo-campo: #191919;
    --ic-topo-borda: #2a2a2a;
    --ic-topo-texto-suave: #a1a1aa;
    --ic-topo-marca-brilho: rgba(39, 170, 225, .4);
    /* Vermelho legível no fundo escuro do menu (o #dc3545 de perigo dá 2,9:1 ali). */
    --ic-menu-perigo: #f28b82;

    --ic-texto-destaque: #1462ac;

    --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;
    /* 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 e o texto num tom escuro da mesma cor (acima de 5,6:1). */
    --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: #d3dae2;
    --ic-borda-forte: #d1d3d4;
    --ic-cabecalho-fundo: #f2f4f7;
    --ic-cabecalho-borda: #cfd7e0;
    /* 3:1 sobre o campo (WCAG 1.4.11). */
    --ic-campo-borda: #88939f;
    --ic-fundo: #fbfcfd;
    --ic-fundo-hover: #f5f7fa;
    --ic-texto: #2b3440;
    --ic-texto-suave: #4f5c66;
    /* Tabela em gelo, não branco puro: ofusca menos o dia todo. */
    --ic-tabela-fundo: #f4f6f8;
    --ic-tabela-cabecalho: #e4e9ee;
    --ic-linha-hover: #dae0e6;
    --ic-texto-suave-selecionada: #46535e;
    --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;
    --ic-placeholder: #687680;
    --ic-fundo-pagina: #e3e7ec;
    --ic-superficie: #f2f4f7;
    --ic-campo-fundo: #fcfcfd;
    --ic-desativado-fundo: #eef1f4;
    --ic-desativado-texto: #737e89;

    --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);
}

/* Muniz (theme-muniz.css, #fd0400): o vermelho da marca é 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 neutro. No branco o vermelho de texto é um tom abaixo da marca (#d90b0b, 5,2:1); no preto do menu
   a marca pura já dá 5,3:1. */
body.visual-moderno.tema-muniz {
    --ic-cor: #d90b0b;
    --ic-cor-escura: #3a3f47;
    --ic-cor-cabecalho: #d90b0b;
    --ic-destaque: #fd0400;
    --ic-cor-clara: #e9ebee;
    --ic-cor-tonal: #dcdfe4;
    --ic-cor-borda: #b4bac3;
    --ic-cor-borda-suave: #dde0e4;
    --ic-linha-selecionada: #d9dde3;
    --ic-linha-selecionada-hover: #c4cad2;
    --ic-texto-selecionada: #1f242b;

    --ic-menu-realce: #fd0400;
    --ic-menu-realce-texto: #ffffff;
    --ic-menu-ativo: #330d0d;
    --ic-menu-ativo-texto: #ff7a75;
    --ic-topo-marca-brilho: rgba(253, 4, 0, .45);
    --ic-texto-destaque: #b30909;
}

/* Ecospeed (ecospeed.css, #49b2c9): o azul-petróleo do tema dá 2,6:1 no branco; o texto e o botão usam um tom
   fechado dele, e o tom do tema fica para o realce no preto (8:1). */
body.visual-moderno.tema-ecospeed {
    --ic-cor: #1f7f94;
    --ic-cor-escura: #186a7c;
    --ic-cor-cabecalho: #1f7f94;
    --ic-destaque: #49b2c9;
    --ic-cor-clara: #e8f5f8;
    --ic-cor-tonal: #d3ecf1;
    --ic-cor-borda: #a9d8e3;
    --ic-cor-borda-suave: #d1ebf0;
    --ic-linha-selecionada: #c5e5ec;
    --ic-linha-selecionada-hover: #a9d6e0;
    --ic-texto-selecionada: #10343c;

    --ic-menu-realce: #49b2c9;
    --ic-menu-realce-texto: #06222a;
    --ic-menu-ativo: #18272b;
    --ic-menu-ativo-texto: #8fd6e6;
    --ic-topo-marca-brilho: rgba(73, 178, 201, .4);
    --ic-texto-destaque: #186a7c;
}

/* Mais Franquias (maisfranquias.css, #0b87fb): mesmo critério da Ecospeed (o azul do tema dá 3,6:1 no branco). */
body.visual-moderno.tema-maisfranquias {
    --ic-cor: #0a6fd1;
    --ic-cor-escura: #095cad;
    --ic-cor-cabecalho: #0a6fd1;
    --ic-destaque: #0b87fb;
    --ic-cor-clara: #e7f2fe;
    --ic-cor-tonal: #d0e6fd;
    --ic-cor-borda: #a7cff8;
    --ic-cor-borda-suave: #cfe4fb;
    --ic-linha-selecionada: #c3defb;
    --ic-linha-selecionada-hover: #a4cdf6;
    --ic-texto-selecionada: #0c2a4a;

    --ic-menu-realce: #3d9dfc;
    --ic-menu-realce-texto: #04182c;
    --ic-menu-ativo: #162433;
    --ic-menu-ativo-texto: #9ccbfd;
    --ic-topo-marca-brilho: rgba(11, 135, 251, .4);
    --ic-texto-destaque: #095cad;
}