:root {

    /* COMUNS */
    --comuns__cor-primaria: #e91e63;
    --comuns__cor-secundaria: #9c27b0;
    --comuns__cor-auxiliar: #ebb01c;
    --comuns__cor-selo-azul: #3897f0;
    --comuns__cor-sucesso: #58c16c;
    --comuns__cor-whatsapp: #00b922;

    --comuns__cor-presente: #00c853;
    --comuns__cor-ausente: #e91e63;
    --comuns__cor-pendente: #ebb01c;

    --comuns__cor-primaria-transparente: #e91e62bf;
    --comuns__cor-secundaria-transparente: #9c27b0bf;
    --comuns__cor-auxiliar-transparente: #ebb01cbf;

    --comuns__cor-do-fundo: #222222;
    --comuns__cor-do-texto: #ffffff;
    --comuns__cor-do-contexto: #bbbbbb;
    --comuns__cor-do-container: #333333;
    --comuns__cor-do-separador: #666666;

    --comuns__cor-do-fundo-transparente: #22222288;
    --comuns__cor-do-texto-transparente: #ffffffee;

    --comuns__cor-de-hover: #ffffff08;
    
    /* CHECKBOX */
    --checkbox_cor-da-borda: #aaaaaa;
    --checkbox_cor-selecionado: var(--comuns__cor-primaria);

    /* DIALOG */
    --dialog__cor-do-backdropd: rgba(0, 0, 0, 0.56);

    /* FADE */
    --fade__cor-de-fundo: rgba(20, 15, 40, 0.8);
    --fade__cor-da-borda: var(--comuns__cor-primaria);

    /* INPUT */
    --input_cor-da-base: #aaaaaa;
    --input_cor-da-base-selecionada: var(--comuns__cor-primaria);
    --input_cor-do-label: #909090;
    --input_cor-do-label-selecionado: #cccccc;
    --input_cor-do-texto: #ffffff;

    /* MENU */
    --menu_cor-da-borda-do-item-selecionado: var(--comuns__cor-auxiliar);
    --menu_cor-da-borda-do-item-selecionado-com-hover: var(--comuns__cor-auxiliar-transparente);
    --menu_cor-do-fundo: var(--comuns__cor-do-container);
    --menu_cor-do-item-com-hover: #cccccc;
    --menu_cor-do-separador: var(--comuns__cor-do-separador);
    --menu_cor-do-texto: var(--comuns__cor-do-texto-transparente);
    --menu_cor-do-texto-ativo: var(--comuns__cor-do-texto);
    --menu_cor-do-texto-descontectar: var(--comuns__cor-auxiliar);

    /* SELECT */
    --select_cor-do-dropdown: #555555;

    /* TOAST */
    --toast_cor-do-fundo: #f1f1f1;
    --toast_cor-do-texto: #111111;
}

.cor-do-fundo {
    background-color: var(--comuns__cor-do-fundo) !important;
}

.cor-ausente {
    background-color: var(--comuns__cor-ausente) !important;
}

.cor-auxiliar {
    background-color: var(--comuns__cor-auxiliar) !important;
}

.cor-pendente {
    background-color: var(--comuns__cor-pendente) !important;
}

.cor-presente {
    background-color: var(--comuns__cor-presente) !important;
}

.cor-primaria {
    background-color: var(--comuns__cor-primaria) !important;
}

.cor-secundaria {
    background-color: var(--comuns__cor-secundaria) !important;
}

.cor-sucesso {
    background-color: var(--comuns__cor-sucesso) !important;
}

.cor-selo-azul {
    background-color: var(--comuns__cor-selo-azul) !important;
}

.cor-whatsapp {
    background-color: var(--comuns__cor-whatsapp) !important;
}

.gradiente {
    background: linear-gradient(to right bottom, var(--comuns__cor-primaria), var(--comuns__cor-secundaria));
}

.texto-gradiente {
    background-image: linear-gradient(to right bottom, var(--comuns__cor-primaria), var(--comuns__cor-secundaria));
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.contexto {
    color: var(--comuns__cor-do-contexto) !important;
}

.texto {
    color: var(--comuns__cor-do-texto) !important;
}

.texto-cor-ausente {
    color: var(--comuns__cor-ausente) !important;
}

.texto-cor-auxiliar {
    color: var(--comuns__cor-auxiliar) !important;
}

.texto-cor-pendente {
    color: var(--comuns__cor-pendente) !important;
}

.texto-cor-presente {
    color: var(--comuns__cor-presente) !important;
}

.texto-cor-ausente-pendente {
    background-image: linear-gradient(to right bottom,
            var(--comuns__cor-ausente) 0%, var(--comuns__cor-ausente) 50%,
            var(--comuns__cor-pendente) 50%, var(--comuns__cor-pendente) 100%
        ) !important;
    background-clip: text;
    color: transparent !important;
}

.texto-cor-presente-ausente {
    background-image: linear-gradient(to right bottom,
            var(--comuns__cor-presente) 0%, var(--comuns__cor-presente) 50%,
            var(--comuns__cor-ausente) 50%, var(--comuns__cor-ausente) 100%
        ) !important;
    background-clip: text;
    color: transparent !important;
}

.texto-cor-presente-pendente {
    background-image: linear-gradient(to right bottom,
            var(--comuns__cor-presente) 0%, var(--comuns__cor-presente) 50%,
            var(--comuns__cor-pendente) 50%, var(--comuns__cor-pendente) 100%
        ) !important;
    background-clip: text;
    color: transparent !important;
}

.texto-cor-primaria {
    color: var(--comuns__cor-primaria) !important;
}

.texto-cor-secundaria {
    color: var(--comuns__cor-secundaria) !important;
}

.texto-cor-sucesso {
    color: var(--comuns__cor-sucesso) !important;
}

.texto-cor-selo-azul {
    color: var(--comuns__cor-selo-azul) !important;
}

.texto-transparente {
    color: var(--comuns__cor-do-texto-transparente) !important;
}

.texto-cor-whatsapp {
    color: var(--comuns__cor-whatsapp) !important;
}