/*
* Tokens de cor do admin — fundacao do tema claro/escuro (fase 1).
*
* Regra de ouro: NENHUMA cor literal fora deste arquivo. As folhas do admin
* consomem os tokens via var(--sg-*), nunca hex direto, para que trocar o tema
* seja trocar um bloco de variaveis.
*
* O tema ativo vem do atributo data-tema no , escrito por tema.js antes
* do primeiro paint. Sem o atributo vale o tema claro - que carrega exatamente
* as cores que o admin ja usava, entao a fase 1 nao muda nada visualmente.
*
* Sobre o modo escuro automatico do Chrome: o css.xhtml declara
* , o que desliga o Force Dark.
* Ele nao serve aqui - inverte cada cor isoladamente por limiar de brilho e
* quebra degrades. Quem controla o tema e o alternador, nao o navegador.
* ATENCAO: nao trocar esse meta por content="light" nem declarar
* color-scheme:light no :root - ai o Force Dark volta a ligar.
*/
:root {
/* superficies, do fundo da pagina ao componente elevado */
--sg-ground: #f2f2f2;
--sg-surface: #ffffff;
--sg-surface-2: #f7f7f7;
--sg-surface-3: #ebeaea;
/* texto */
--sg-ink: #333333;
--sg-ink-2: #6e6e6e;
--sg-ink-3: #8d8c8c;
--sg-ink-sobre-marca: #ffffff;
/* linhas */
--sg-linha: #e3e3e3;
--sg-linha-2: #cccbcb;
--sg-borda-campo: #a8a8a8;
/* marca */
--sg-marca: #375577;
--sg-marca-2: #27486c;
--sg-foco: #85b2cb;
/* estados */
--sg-ok: #619d3e;
--sg-alerta: #d5a44c;
--sg-erro: #cd0a0a;
--sg-info: #3498db;
/* sombra */
--sg-sombra: rgba(0, 0, 0, .18);
/*
* Fio de luz no topo dos componentes. O tema e o css do projeto usam
* "inset 0 1px 0 #fff" para simular relevo - sobre cinza claro isso e um
* brilho discreto, mas sobre fundo escuro vira um risco branco gritando na
* borda de cada checkbox e dropdown.
*/
--sg-realce-topo: #ffffff;
/*
* Caixa de marcacao ligada. Sao dois contrastes disputando o mesmo tom: a
* caixa precisa se destacar do fundo E o tique precisa se ler sobre ela.
* Um azul claro resolve o primeiro e estraga o segundo. Por isso o
* preenchimento e mais profundo que a cor de marca e quem delimita o
* componente e a borda, que fica na cor de marca.
*/
--sg-marcacao: #375577;
--sg-marcacao-borda: #375577;
/*
* Aviso de "voce nao esta em producao": o menu do topo fica azul-marinho
* fora da producao (ver header.xhtml). Tem que continuar chamando atencao,
* entao nao vira uma cor discreta - so ganha uma versao que nao brigue com
* o fundo escuro.
*/
--sg-aviso-nao-producao: #00008b; /* darkblue */
/*
* Caixa de filtro do topo das listagens. O bloco esta copiado em 34 telas
* com a cor escrita no proprio style=, onde nenhuma folha alcanca; por isso
* o literal foi trocado por estes tokens no lugar de virar classe - assim o
* layout de cada tela fica intacto.
*/
--sg-filtro-fundo: #efefef;
--sg-filtro-borda: #c6c5c5;
/* Rotulos de formulario e rodape, escritos no style= de dezenas de telas. */
--sg-rotulo: #4a4a4a;
--sg-rodape: #5a5a5a;
/* Painel de formulario (.Borda): background inline em 81 telas de cadastro. */
--sg-form-fundo: #ebeaea;
/* componentes do aristo: cada fundo e um degrade de topo -> base */
/*
* Degrade sutil: 4% entre topo e base. O do aristo ia de #ededed a #c4c4c4,
* 16% de salto - o volume "web 2.0" de 2010. Aqui sobra so a insinuacao de
* relevo, que mantem a leitura de "superficie clicavel" sem datar a tela.
*/
--sg-comp-topo: #f0f0f0;
--sg-comp-base: #e2e2e2;
--sg-comp-borda: #a8a8a8;
--sg-comp-texto: #4f4f4f;
--sg-comp-hover-topo: #e0edf7;
--sg-comp-hover-base: #cfe0ee;
--sg-comp-hover-borda: #7096ab;
--sg-comp-hover-texto: #2f556a;
--sg-comp-ativo-topo: #c3d9ea;
--sg-comp-ativo-base: #d3e4f1;
--sg-comp-erro-topo: #fef1ec;
--sg-comp-erro-base: #fef8f6;
--sg-comp-erro-borda: #cd0a0a;
--sg-comp-overlay: #2d5972;
--sg-comp-shadow: #4f4f4f;
/*
* Caixas de mensagem (p:messages/p:message). As cores vem do
* components.css do primefaces-7.0hc.jar, que nao e editavel sem
* recompilar a lib - aqui elas viram token para o escuro poder trocar.
* Os valores do bloco claro sao os mesmos do jar, entao o claro nao muda.
*/
--sg-msg-info-fundo: #d9edf7;
--sg-msg-info-borda: #bce8f1;
--sg-msg-info-txt: #3a87ad;
--sg-msg-aviso-fundo: #fcf8e3;
--sg-msg-aviso-borda: #fbeed5;
--sg-msg-aviso-txt: #c09853;
--sg-msg-erro-fundo: #f2dede;
--sg-msg-erro-borda: #eed3d7;
--sg-msg-erro-txt: #b94a48;
}
/*
* O tema escuro vale so em TELA. Na impressao o bloco abaixo nao se aplica e
* valem os tokens claros do :root - papel branco, tinta escura, como sempre.
*/
@media screen {
:root[data-tema="escuro"] {
--sg-ground: #151a21;
--sg-surface: #1c222b;
--sg-surface-2: #232b36;
--sg-surface-3: #2d3742;
--sg-ink: #dbe1e9;
--sg-ink-2: #a6b1bf;
--sg-ink-3: #9ca7b7;
--sg-ink-sobre-marca: #10151c; /* a marca clareia no escuro: o texto por cima escurece */
--sg-linha: #2c3540;
--sg-linha-2: #3b4653;
--sg-borda-campo: #6f8096;
--sg-marca: #5b8fd4;
--sg-marca-2: #7da8eb;
--sg-foco: #7aa5e8;
--sg-ok: #57b98c;
--sg-alerta: #d2a44e;
--sg-erro: #f28973;
--sg-info: #5aa9e6;
--sg-sombra: rgba(0, 0, 0, .55);
--sg-realce-topo: rgba(255, 255, 255, .045);
--sg-marcacao: #3c6fa8;
--sg-marcacao-borda: #5b8fd4;
--sg-aviso-nao-producao: #2b3170;
--sg-filtro-fundo: #232b36;
--sg-filtro-borda: #3b4653;
--sg-rotulo: #a6b1bf;
--sg-rodape: #9ca7b7;
--sg-form-fundo: #232b36;
/*
* Superficie plana no escuro. Degrade sobre fundo escuro nao le como
* volume - le como sujeira, porque a faixa de luminancia disponivel e
* estreita. O relevo aqui vem da borda.
*/
--sg-comp-topo: #2b333e;
--sg-comp-base: #2b333e;
--sg-comp-borda: #46525f; /* sem degrade, a borda carrega o relevo */
--sg-comp-texto: #d9e0e8;
--sg-comp-hover-topo: #35455c;
--sg-comp-hover-base: #35455c;
--sg-comp-hover-borda: #4d637f;
--sg-comp-hover-texto: #cfe1f2;
/*
* Caixa de mensagem no escuro: a do jar e uma ilha clara no meio da
* pagina escura. Fundo escuro da propria familia, texto claro (7:1 ou
* mais) e borda com relevo suficiente para a caixa se ler como caixa.
*/
--sg-msg-info-fundo: #1d3348;
--sg-msg-info-borda: #3d6f95;
--sg-msg-info-txt: #93c9f0;
--sg-msg-aviso-fundo: #443619;
--sg-msg-aviso-borda: #8a6d2e;
--sg-msg-aviso-txt: #f2d189;
--sg-msg-erro-fundo: #452525;
--sg-msg-erro-borda: #8f4340;
--sg-msg-erro-txt: #f5a79b;
--sg-comp-ativo-topo: #3d5170;
--sg-comp-ativo-base: #3d5170;
--sg-comp-erro-topo: #462a26;
--sg-comp-erro-base: #3a2321;
--sg-comp-erro-borda: #a84535;
--sg-comp-overlay: #070b10;
--sg-comp-shadow: #000000;
}
}
/* ------------------------------------------------------------------
Base da pagina
------------------------------------------------------------------ */
html {
background: var(--sg-ground);
}
body {
background: var(--sg-ground);
color: var(--sg-ink);
}
::selection {
background: var(--sg-foco);
color: var(--sg-ink-sobre-marca);
}
/* ------------------------------------------------------------------
Controles nativos
Com color-scheme "light dark" o navegador desenharia esses controles
seguindo o tema do SISTEMA, que nao e necessariamente o tema escolhido
aqui - daria campo escuro em tela clara. Por isso todos sao pintados
explicitamente pelos tokens.
------------------------------------------------------------------ */
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
select,
textarea {
background-color: var(--sg-surface);
color: var(--sg-ink);
border-color: var(--sg-borda-campo);
}
input::placeholder,
textarea::placeholder {
color: var(--sg-ink-3);
opacity: 1;
}
input[type="checkbox"],
input[type="radio"] {
accent-color: var(--sg-marca);
}
input:disabled,
select:disabled,
textarea:disabled {
background-color: var(--sg-surface-3);
color: var(--sg-ink-3);
}
*, *::before, *::after {
scrollbar-color: var(--sg-linha-2) var(--sg-surface-2);
}
/* ------------------------------------------------------------------
Alternador de tema (item na barra do topo)
------------------------------------------------------------------ */
.sg-tema-item .ui-menuitem-text::after {
content: "claro";
}
:root[data-tema="escuro"] .sg-tema-item .ui-menuitem-text::after {
content: "escuro";
}
/* ------------------------------------------------------------------
Cores das folhas globais, tokenizadas (fase 2).
Gerado por scratchpad/tokenizar.py. No tema CLARO cada token vale
exatamente a cor que estava no CSS, entao a fase 2 nao muda nada no
claro - isso e verificavel rodando o script com --conferir.
No ESCURO o valor e derivado do papel da cor (texto, fundo, borda) e
compartilhado por familia perceptual, para o tema ficar coerente em
vez de virar centenas de escuros ligeiramente diferentes.
Estes valores sao um PONTO DE PARTIDA: onde uma cor ficar errada no
escuro, corrija o token aqui - nao volte a por hex no CSS.
Sufixo -txt/-sup: a mesma cor usada como texto e como superficie.
------------------------------------------------------------------ */
:root {
--sg-c-amarelo-44: #7a4100;
--sg-c-amarelo-52: #856404;
--sg-c-amarelo-55: #996336;
--sg-c-amarelo-57: #9c6b3c;
--sg-c-amarelo-63: #ad7f45;
--sg-c-amarelo-64: #c07833;
--sg-c-amarelo-69: #bb934f;
--sg-c-amarelo-69-a: #ca8e40;
--sg-c-amarelo-69-b: #d68910;
--sg-c-amarelo-74: #c8a85f;
--sg-c-amarelo-75-sup: #fb8c00;
--sg-c-amarelo-75-txt: #fb8c00;
--sg-c-amarelo-76: #f39c12;
--sg-c-amarelo-79: #ddb65b;
--sg-c-amarelo-87-sup: #ffcc80;
--sg-c-amarelo-87-txt: #ffcc80;
--sg-c-amarelo-92: #ffe0b2;
--sg-c-amarelo-94: #ffecb3;
--sg-c-amarelo-96: #fff3cd;
--sg-c-azul-38: #004085;
--sg-c-azul-38-sup: #184473;
--sg-c-azul-38-txt: #184473;
--sg-c-azul-39: #27486c;
--sg-c-azul-41: #0c5460;
--sg-c-azul-41-a: #1e4b7c;
--sg-c-azul-42: #1a5276;
--sg-c-azul-42-a: #215075;
--sg-c-azul-53: #2471a3;
--sg-c-azul-56: #087ac5;
--sg-c-azul-56-a: #3e76b4;
--sg-c-azul-56-sup: #037ac8;
--sg-c-azul-56-txt: #037ac8;
--sg-c-azul-59: #5684a8;
--sg-c-azul-60: #4786b8;
--sg-c-azul-60-sup: #0288d1;
--sg-c-azul-60-txt: #0288d1;
--sg-c-azul-61: #258cce;
--sg-c-azul-61-sup: #0988db;
--sg-c-azul-61-txt: #0988db;
--sg-c-azul-65-sup-a: #7096ab;
--sg-c-azul-65-txt-a: #3498db;
--sg-c-azul-66: #2196f3;
--sg-c-azul-66-a: #559cc7;
--sg-c-azul-68: #439fe0;
--sg-c-azul-69: #5ba5cb;
--sg-c-azul-70: #42a5f5;
--sg-c-azul-70-sup: #03a9f4;
--sg-c-azul-70-txt: #03a9f4;
--sg-c-azul-74: #6db5d5;
--sg-c-azul-74-sombra: #85b2cb;
--sg-c-azul-74-sup: #85b2cb;
--sg-c-azul-75: #64b5f6;
--sg-c-azul-76-sup: #26c6da;
--sg-c-azul-76-txt: #26c6da;
--sg-c-azul-78: #6cc1f9;
--sg-c-azul-79: #84c4dd;
--sg-c-azul-82: #87cefa;
--sg-c-azul-90: #b2ebf2;
--sg-c-branco-100: #fffef5;
--sg-c-branco-99-d: #fdfdfd;
--sg-c-ciano-38: #004d40;
--sg-c-ciano-44: #006064;
--sg-c-ciano-47: #00695c;
--sg-c-ciano-58: #5a837e;
--sg-c-ciano-63: #68918d;
--sg-c-ciano-66-sup: #26a69a;
--sg-c-ciano-66-txt: #26a69a;
--sg-c-ciano-71: #1abc9c;
--sg-c-ciano-87: #b2dfdb;
--sg-c-cinza-18: #121212;
--sg-c-cinza-31-a: #313131;
--sg-c-cinza-31-b: #35302c;
--sg-c-cinza-34: #383838;
--sg-c-cinza-35: #3a3a3a;
--sg-c-cinza-36-a: #3c3c3c;
--sg-c-cinza-36-b: #3d3e3e;
--sg-c-cinza-36-sup: #2c3e50;
--sg-c-cinza-36-txt: #2c3e50;
--sg-c-cinza-39-sup: #444444;
--sg-c-cinza-39-txt: #444444;
--sg-c-cinza-40: #34495e;
--sg-c-cinza-40-a: #5d4037;
--sg-c-cinza-41: #4c4b4b;
--sg-c-cinza-41-sup: #4a4a4a;
--sg-c-cinza-41-txt: #4a4a4a;
--sg-c-cinza-42: #4c4c4c;
--sg-c-cinza-42-a: #4e4e4e;
--sg-c-cinza-42-b: #504b4f;
--sg-c-cinza-43-sombra: #505050;
--sg-c-cinza-43-txt: #505050;
--sg-c-cinza-44: #545353;
--sg-c-cinza-46: #595959;
--sg-c-cinza-47: #5a5a5a;
--sg-c-cinza-48: #5d5d5d;
--sg-c-cinza-48-a: #5e5e5e;
--sg-c-cinza-49-a: #606060;
--sg-c-cinza-51-a: #676767;
--sg-c-cinza-51-sup: #666666;
--sg-c-cinza-51-txt: #666666;
--sg-c-cinza-52: #5a6a7a;
--sg-c-cinza-52-a: #6a6a6a;
--sg-c-cinza-52-b: #5b6b7c;
--sg-c-cinza-52-c: #686868;
--sg-c-cinza-52-sup: #546e7a;
--sg-c-cinza-52-txt: #546e7a;
--sg-c-cinza-54: #666f77;
--sg-c-cinza-54-a: #6f6f6f;
--sg-c-cinza-54-sombra: #6e6e6e;
--sg-c-cinza-54-sup: #6e6e6e;
--sg-c-cinza-55: #707070;
--sg-c-cinza-55-a: #547b76;
--sg-c-cinza-56-b: #757474;
--sg-c-cinza-57: #767676;
--sg-c-cinza-57-a: #6d7787;
--sg-c-cinza-58: #7b7a7a;
--sg-c-cinza-60: #808080;
--sg-c-cinza-61: #838383;
--sg-c-cinza-64: #78909c;
--sg-c-cinza-64-a: #8d8c8c;
--sg-c-cinza-64-b: #8e8d8d;
--sg-c-cinza-65-sup: #8f8f8f;
--sg-c-cinza-65-txt: #8f8f8f;
--sg-c-cinza-67: #8c97a6;
--sg-c-cinza-67-a: #8899a6;
--sg-c-cinza-67-sombra: #959595;
--sg-c-cinza-67-sup: #959595;
--sg-c-cinza-68-sup: #999999;
--sg-c-cinza-68-txt: #999999;
--sg-c-cinza-69: #9a9a9a;
--sg-c-cinza-71-sup: #90a4ae;
--sg-c-cinza-71-txt: #90a4ae;
--sg-c-cinza-72-a: #9ca6b3;
--sg-c-cinza-73: #a8a8a8;
--sg-c-cinza-73-a: #a0aab4;
--sg-c-cinza-74-b: #acacac;
--sg-c-cinza-74-sup: #aaaaaa;
--sg-c-cinza-74-txt: #aaaaaa;
--sg-c-cinza-75-a: #adadad;
--sg-c-cinza-75-b: #b0aeae;
--sg-c-cinza-77: #aabbaa;
--sg-c-cinza-77-a: #b4b4b4;
--sg-c-cinza-80: #bdbdbd;
--sg-c-cinza-81: #c0c0c0;
--sg-c-cinza-81-a: #c2c1c1;
--sg-c-cinza-82-a: #c5c5c5;
--sg-c-cinza-82-b: #c4c4c4;
--sg-c-cinza-82-c: #c6c5c5;
--sg-c-cinza-83: #c0c8d0;
--sg-c-cinza-83-a: #c8c7c7;
--sg-c-cinza-84: #cccbcb;
--sg-c-cinza-88-a: #d6d6d6;
--sg-c-cinza-89: #dbdbdb;
--sg-c-cinza-89-a: #d5dbdf;
--sg-c-cinza-89-b: #e1d5f0;
--sg-c-cinza-89-c: #d8dde1;
--sg-c-cinza-89-d: #d9d9d9;
--sg-c-cinza-90-sup: #dddddd;
--sg-c-cinza-90-txt: #dddddd;
--sg-c-cinza-91-a: #e2e2e2;
--sg-c-cinza-91-b: #f8d7da;
--sg-c-cinza-91-c: #cce5ff;
--sg-c-cinza-91-d: #dce1e8;
--sg-c-cinza-91-e: #dde3e8;
--sg-c-cinza-91-f: #e2e1e1;
--sg-c-cinza-91-txt: #e0e0e0;
--sg-c-cinza-92-d: #d1ecf1;
--sg-c-cinza-92-e: #d4edda;
--sg-c-cinza-92-f: #e4e4e4;
--sg-c-cinza-92-g: #e5e4e4;
--sg-c-cinza-92-h: #e6e4e4;
--sg-c-cinza-92-i: #e6e6e6;
--sg-c-cinza-94-a: #e9ecef;
--sg-c-cinza-94-b: #e8edf2;
--sg-c-cinza-94-c: #e8ecef;
--sg-c-cinza-95-d: #e0f2f1;
--sg-c-cinza-95-e: #e4eff5;
--sg-c-cinza-95-f: #eaf0f7;
--sg-c-cinza-95-g: #eceff1;
--sg-c-cinza-95-h: #efefef;
--sg-c-cinza-95-i: #ffe9e9;
--sg-c-cinza-96-g: #f0f0f4;
--sg-c-cinza-96-h: #f0f3f6;
--sg-c-cinza-96-i: #fdecea;
--sg-c-cinza-96-sup-a: #f0f0f0;
--sg-c-cinza-96-sup-b: #e1f5fe;
--sg-c-cinza-96-txt: #f0f0f0;
--sg-c-cinza-96-txt-a: #e1f5fe;
--sg-c-cinza-96-txt-b: #f2f2f2;
--sg-c-cinza-97-g: #f5f7f8;
--sg-c-cinza-97-h: #fff1f1;
--sg-c-cinza-97-i: #fff6e0;
--sg-c-laranja-37: #721c24;
--sg-c-laranja-41: #7d2929;
--sg-c-laranja-54: #c0392b;
--sg-c-laranja-54-a: #cf0909;
--sg-c-laranja-54-b: #a95151;
--sg-c-laranja-58: #b15e5e;
--sg-c-laranja-60: #e42e35;
--sg-c-laranja-61-sup: #e53935;
--sg-c-laranja-61-txt: #e53935;
--sg-c-laranja-65: #ef5350;
--sg-c-laranja-66: #c57979;
--sg-c-laranja-69: #cd8787;
--sg-c-laranja-69-a: #e57373;
--sg-c-laranja-77-sup: #ef9a9a;
--sg-c-laranja-77-txt: #ef9a9a;
--sg-c-preto-00-sup: #000000;
--sg-c-preto-00-txt: #000000;
--sg-c-rosa-49-sup: #8e24aa;
--sg-c-rosa-49-txt: #8e24aa;
--sg-c-rosa-53: #8e44ad;
--sg-c-rosa-58: #ab47bc;
--sg-c-rosa-74-sup: #ce93d8;
--sg-c-rosa-74-txt: #ce93d8;
--sg-c-roxo-32: #1a237e;
--sg-c-roxo-35: #4a1a7a;
--sg-c-verde-40: #155724;
--sg-c-verde-47: #4a6600;
--sg-c-verde-47-a: #33691e;
--sg-c-verde-51-sup: #27794a;
--sg-c-verde-51-txt: #27794a;
--sg-c-verde-52: #1e7e45;
--sg-c-verde-52-a: #2e7d32;
--sg-c-verde-58: #818016;
--sg-c-verde-65: #68a341;
--sg-c-verde-66-sup: #27ae60;
--sg-c-verde-66-txt: #27ae60;
--sg-c-verde-68: #74aa49;
--sg-c-verde-70: #7eaf51;
--sg-c-verde-75: #b6b431;
--sg-c-verde-76: #96c161;
--sg-c-verde-77: #9ec567;
--sg-c-verde-79: #a4ca6c;
--sg-c-verde-83-sup: #a5d6a7;
--sg-c-verde-83-txt: #a5d6a7;
--sg-c-verde-87-sup: #f7d100;
--sg-c-verde-87-txt: #f7d100;
--sg-c-verde-89: #dfe086;
--sg-c-verde-90: #c8e6c9;
--sg-c-verde-92: #dcedc8;
--sg-c-verde-95: #e8f5c8;
--sg-c-verde-96: #dafcd9;
--sg-c-vermelho-61: #e91e63;
--sg-c-vermelho-67-sup: #ff4081;
--sg-c-vermelho-67-txt: #ff4081;
}
/* Tema escuro so em tela: na impressao valem os tokens claros. */
@media screen {
:root[data-tema="escuro"] {
--sg-c-amarelo-44: #d4996a;
--sg-c-amarelo-52: #c0a15a;
--sg-c-amarelo-55: #412812;
--sg-c-amarelo-57: #412812;
--sg-c-amarelo-63: #976a2f;
--sg-c-amarelo-64: #543111;
--sg-c-amarelo-69: #936d26;
--sg-c-amarelo-69-a: #b17838;
--sg-c-amarelo-69-b: #df973b;
--sg-c-amarelo-74: #c6a966;
--sg-c-amarelo-75-sup: #bf5500;
--sg-c-amarelo-75-txt: #f5902a;
--sg-c-amarelo-76: #a97c47;
--sg-c-amarelo-79: #dab765;
--sg-c-amarelo-87-sup: #e1af63;
--sg-c-amarelo-87-txt: #fccd88;
--sg-c-amarelo-92: #e1c396;
--sg-c-amarelo-94: #e1ce96;
--sg-c-amarelo-96: #e1d5b0;
--sg-c-azul-38: #71a7ee;
--sg-c-azul-38-sup: #305784;
--sg-c-azul-38-txt: #7ea8da;
--sg-c-azul-39: #86a8ce;
--sg-c-azul-41: #76b0bc;
--sg-c-azul-41-a: #7ea8da;
--sg-c-azul-42: #79abd0;
--sg-c-azul-42-a: #2f597c;
--sg-c-azul-53: #6aacde;
--sg-c-azul-56: #57abf3;
--sg-c-azul-56-a: #74a9e5;
--sg-c-azul-56-sup: #013960;
--sg-c-azul-56-txt: #57abf3;
--sg-c-azul-59: #4c7a9d;
--sg-c-azul-60: #3b7aab;
--sg-c-azul-60-sup: #0078bf;
--sg-c-azul-60-txt: #57adeb;
--sg-c-azul-61: #57adeb;
--sg-c-azul-61-sup: #0076c7;
--sg-c-azul-61-txt: #4dabf9;
--sg-c-azul-65-sup-a: #698c9f;
--sg-c-azul-65-txt-a: #57adeb;
--sg-c-azul-66: #238ade;
--sg-c-azul-66-a: #347ca6;
--sg-c-azul-68: #5aace7;
--sg-c-azul-69: #317da2;
--sg-c-azul-70: #54abf5;
--sg-c-azul-70-sup: #007ac2;
--sg-c-azul-70-txt: #35aff4;
--sg-c-azul-74: #317b99;
--sg-c-azul-74-sombra: #88b1c8;
--sg-c-azul-74-sup: #4f7b92;
--sg-c-azul-75: #638bad;
--sg-c-azul-76-sup: #008194;
--sg-c-azul-76-txt: #40c5d7;
--sg-c-azul-78: #4fa4db;
--sg-c-azul-79: #89c3da;
--sg-c-azul-82: #385a6f;
--sg-c-azul-90: #95cdd4;
--sg-c-branco-100: #1c2127;
--sg-c-branco-99-d: #1c2127;
--sg-c-ciano-38: #78b2a3;
--sg-c-ciano-44: #6eb2b6;
--sg-c-ciano-47: #58a294;
--sg-c-ciano-58: #4d746f;
--sg-c-ciano-63: #557d7a;
--sg-c-ciano-66-sup: #008277;
--sg-c-ciano-66-txt: #4cb6a9;
--sg-c-ciano-71: #549583;
--sg-c-ciano-87: #96c2be;
--sg-c-cinza-18: #dbe1e9;
--sg-c-cinza-31-a: #d5d5d5;
--sg-c-cinza-31-b: #d5d5d5;
--sg-c-cinza-34: #d5d5d5;
--sg-c-cinza-35: #898989;
--sg-c-cinza-36-a: #3c3c3c;
--sg-c-cinza-36-b: #3d3e3e;
--sg-c-cinza-36-sup: #2c3e50;
--sg-c-cinza-36-txt: #bed4eb;
--sg-c-cinza-39-sup: #444444;
--sg-c-cinza-39-txt: #cccccc;
--sg-c-cinza-40: #34495e;
--sg-c-cinza-40-a: #e9c5ba;
--sg-c-cinza-41: #cccccc;
--sg-c-cinza-41-sup: #4a4a4a;
--sg-c-cinza-41-txt: #cccccc;
--sg-c-cinza-42: #898989;
--sg-c-cinza-42-a: #898989;
--sg-c-cinza-42-b: #cccccc;
--sg-c-cinza-43-sombra: #4e5054;
--sg-c-cinza-43-txt: #cccccc;
--sg-c-cinza-44: #505356;
--sg-c-cinza-46: #c6c6c6;
--sg-c-cinza-47: #c6c6c6;
--sg-c-cinza-48: #a4a6aa;
--sg-c-cinza-48-a: #0e1216; /* fundo da barra de menu: e superficie com texto branco, nao inverte */
--sg-c-cinza-49-a: #c6c6c6;
--sg-c-cinza-51-a: #c6c6c6;
--sg-c-cinza-51-sup: #6c6d6f;
--sg-c-cinza-51-txt: #c6c6c6;
--sg-c-cinza-52: #b7c8da;
--sg-c-cinza-52-a: #c6c6c6;
--sg-c-cinza-52-b: #b7c8da;
--sg-c-cinza-52-c: #c6c6c6;
--sg-c-cinza-52-sup: #5b7581;
--sg-c-cinza-52-txt: #b7c8da;
--sg-c-cinza-54: #b7c8da;
--sg-c-cinza-54-a: #6f7072;
--sg-c-cinza-54-sombra: #6f7072;
--sg-c-cinza-54-sup: #6c6d6f;
--sg-c-cinza-55: #6f7072;
--sg-c-cinza-55-a: #4d746f;
--sg-c-cinza-56-b: #c6c6c6;
--sg-c-cinza-57: #6c6d6f;
--sg-c-cinza-57-a: #5f6979;
--sg-c-cinza-58: #c1c2c2;
--sg-c-cinza-60: #808080;
--sg-c-cinza-61: #787b81;
--sg-c-cinza-64: #acbecb;
--sg-c-cinza-64-a: #5f6163;
--sg-c-cinza-64-b: #5f6163;
--sg-c-cinza-65-sup: #5f6163;
--sg-c-cinza-65-txt: #bababa;
--sg-c-cinza-67: #6b7584;
--sg-c-cinza-67-a: #acbecb;
--sg-c-cinza-67-sombra: #959595;
--sg-c-cinza-67-sup: #747474;
--sg-c-cinza-68-sup: #3f4247;
--sg-c-cinza-68-txt: #bababa;
--sg-c-cinza-69: #63676d;
--sg-c-cinza-71-sup: #657881;
--sg-c-cinza-71-txt: #acbecb;
--sg-c-cinza-72-a: #9ca6b3;
--sg-c-cinza-73: #575c63;
--sg-c-cinza-73-a: #aeb8c2;
--sg-c-cinza-74-b: #3f4247;
--sg-c-cinza-74-sup: #747474;
--sg-c-cinza-74-txt: #b6b6b6;
--sg-c-cinza-75-a: #54585f;
--sg-c-cinza-75-b: #3f4247;
--sg-c-cinza-77: #3a493a;
--sg-c-cinza-77-a: #3f4247;
--sg-c-cinza-80: #b2b2b2;
--sg-c-cinza-81: #383c40;
--sg-c-cinza-81-a: #383c40;
--sg-c-cinza-82-a: #383c40;
--sg-c-cinza-82-b: #383c40;
--sg-c-cinza-82-c: #383c40;
--sg-c-cinza-83: #383c40;
--sg-c-cinza-83-a: #383c40;
--sg-c-cinza-84: #383c40;
--sg-c-cinza-88-a: #383c40;
--sg-c-cinza-89: #262a30;
--sg-c-cinza-89-a: #383c40;
--sg-c-cinza-89-b: #c4b8d2;
--sg-c-cinza-89-c: #262a30;
--sg-c-cinza-89-d: #383c40;
--sg-c-cinza-90-sup: #262a30;
--sg-c-cinza-90-txt: #e0e0e0;
--sg-c-cinza-91-a: #4b4d51;
--sg-c-cinza-91-b: #dababd;
--sg-c-cinza-91-c: #afc8e1;
--sg-c-cinza-91-d: #262a30;
--sg-c-cinza-91-e: #262a30;
--sg-c-cinza-91-f: #262a30;
--sg-c-cinza-91-txt: #e0e0e0;
--sg-c-cinza-92-d: #1a3034;
--sg-c-cinza-92-e: #b7cfbd;
--sg-c-cinza-92-f: #262a30;
--sg-c-cinza-92-g: #262a30;
--sg-c-cinza-92-h: #262a30;
--sg-c-cinza-92-i: #262a30;
--sg-c-cinza-94-a: #262a30;
--sg-c-cinza-94-b: #262a30;
--sg-c-cinza-94-c: #262a30;
--sg-c-cinza-95-d: #1a3034;
--sg-c-cinza-95-e: #222a2f;
--sg-c-cinza-95-f: #262a30;
--sg-c-cinza-95-g: #24282e;
--sg-c-cinza-95-h: #1c2127;
--sg-c-cinza-95-i: #332323;
--sg-c-cinza-96-g: #1c2127;
--sg-c-cinza-96-h: #1c2127;
--sg-c-cinza-96-i: #332323;
--sg-c-cinza-96-sup-a: #1c2127;
--sg-c-cinza-96-sup-b: #22252c;
--sg-c-cinza-96-txt: #ffffff;
--sg-c-cinza-96-txt-a: #e1f5fe;
--sg-c-cinza-96-txt-b: #ffffff;
--sg-c-cinza-97-g: #1c2127;
--sg-c-cinza-97-h: #262a30;
--sg-c-cinza-97-i: #e1d8c3;
--sg-c-laranja-37: #e88f8e;
--sg-c-laranja-41: #873937;
--sg-c-laranja-54: #ff7f6d;
--sg-c-laranja-54-a: #ff7e6e;
--sg-c-laranja-54-b: #461d1d;
--sg-c-laranja-58: #ae5b5b;
--sg-c-laranja-60: #ff7e76;
--sg-c-laranja-61-sup: #db2d2c;
--sg-c-laranja-61-txt: #ff7e76;
--sg-c-laranja-65: #ff7e76;
--sg-c-laranja-66: #a85f60;
--sg-c-laranja-69: #ca8989;
--sg-c-laranja-69-a: #c05254;
--sg-c-laranja-77-sup: #ab5d5e;
--sg-c-laranja-77-txt: #eb9c9c;
--sg-c-preto-00-sup: #6d6f70;
--sg-c-preto-00-txt: #dbe1e9;
--sg-c-rosa-49-sup: #ab45c8;
--sg-c-rosa-49-txt: #df82fb;
--sg-c-rosa-53: #8b49a8;
--sg-c-rosa-58: #e183f0;
--sg-c-rosa-74-sup: #975fa0;
--sg-c-rosa-74-txt: #cb95d5;
--sg-c-roxo-32: #87a2ff;
--sg-c-roxo-35: #bb95f4;
--sg-c-verde-40: #78b27f;
--sg-c-verde-47: #93b162;
--sg-c-verde-47-a: #7eb26d;
--sg-c-verde-51-sup: #30784d;
--sg-c-verde-51-txt: #6cb485;
--sg-c-verde-52: #66b67e;
--sg-c-verde-52-a: #6eb66f;
--sg-c-verde-58: #808026;
--sg-c-verde-65: #4a831d;
--sg-c-verde-66-sup: #279f58;
--sg-c-verde-66-txt: #48b971;
--sg-c-verde-68: #4e821c;
--sg-c-verde-70: #81ae59;
--sg-c-verde-75: #7a7600;
--sg-c-verde-76: #405427;
--sg-c-verde-77: #435629;
--sg-c-verde-79: #a6c974;
--sg-c-verde-83-sup: #89b98b;
--sg-c-verde-83-txt: #a8d5aa;
--sg-c-verde-87-sup: #d9b400;
--sg-c-verde-87-txt: #f4d237;
--sg-c-verde-89: #c2c369;
--sg-c-verde-90: #abc9ac;
--sg-c-verde-92: #bfcfab;
--sg-c-verde-95: #cbd7ab;
--sg-c-verde-96: #4b5a4a;
--sg-c-vermelho-61: #e23266;
--sg-c-vermelho-67-sup: #e11769;
--sg-c-vermelho-67-txt: #ff79ab;
}
}
/* ------------------------------------------------------------------
Cores dos