:root {

    /* PATELA DE CORES */

    --sobre-primeiro-plano: #575757;
    --primeiro-plano:       #050505;
    --sub-primeiro-plano:   #000000;
    
	--sobre-destaque:       #953E4F;
    --destaque:             rgb(86, 8, 41);
    --sub-destaque:         #ebb54a;
    
    
    --sobre-fundo:          #ffffff;    
    --fundo:                #f3f3f3;
    --sub-fundo:            #8a8a8a;

    --variante:             #f4f81e;
    

    --alerta-verde:         #95b351;
    --alerta-amarelo:       #b3b051;
    --alerta-vermelho:      #b18188;

    /* FONTES TIPOGRÁFICAS */    

}


/* ESTILOS GERAIS */

body {
    color: var(--primeiro-plano);    
    background-color: var(--fundo);
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}