*:root {

  --azul-primario:         #1E1655; /* azul */
  --verde-primario:        #3C8846; /* verde */
  --cinza-primario:        #AAA39F; /* cinza */
  --roxo-primario:         #191147; /* roxo */
  --roxo-secundario:       #673F96; /* roxo2 */
  --roxo-terceario:        #7253E5; /* roxo3 */
  --violeta-primario:      #6A3FBD; /* violeta */
  --cinza-escuro-primario: #6B6254; /* cinza2 */
  --cinza-escuro-primario2: #353330; /* cinza3 */
  --bege-primario:         #F9F2ED; /* bege */
  --branco-primario:       #F1F1F1; /* branco */
  --cinza-claro-primario:  #DFD8D3; /* cinza3 */
  --verde-claro-primario:  #8DB384; /* verde2 */
  --cinza-desabilitado:    #f5f2f2; /* cinza4 */  

  --rosa-secundario:       #F34BBA; /* rosa */
  --azul-secundario:       #4B5DF3; /* azul2 */
  --amarelo-secundario:    #F6C21A; /* amarelo */
  --laranja-secundario:    #FF792E; /* laranja */
  --vermelho-secundario:   #F2142B; /* vermelho */

  --fonte-primaria:   'Source Sans Pro', Arial;
  --fonte-secundaria: 'Montserrat', Tahoma;
  --fonte-terciaria:  'Quicksand', Verdana;
  --shadow:            0 0 10px 1px rgba(0,0,0,0.25);

  --main-background:      var(--roxo-primario);
  --main-background-t6:   rgba(25, 17, 71, 0.7);  

  --button-background:    var(--violeta-primario);
  --button-color:         var(--branco-primario);
  --alert-background:     var(--roxo-primario);
  --input-color:          var(--roxo-primario);
  --screen-progress-bar1: #393458;
  --screen-progress-bar2: #35314b;
  --cor-barra-sup1:       var(--roxo-primario);
  --cor-barra-sup2:       #937fdb;
  --cor-barra-sup3:       #57459A;
  --cor-barra-sup3-app:   #60538f;  
  --cor-icone-config1:    var(--roxo-primario);
  --cor-icone-config2:    #8d77df;
  --cor-fundo-config:     #f4f2ff;
  --cor-fonte-primario:   #393458;
}