:root{

    /* CORES */
	--coramarela:            #A38600;
	--corazul:               #0048Eb;
	--corbranca:             #ffffff;
	
	--corcinzamedio:         #898989;
	--corcinzamuitoclaro:    #f2f2f2;
	--corcinzaclaro:         #d9d9d9;
	--corchumbo:             #242424;	
	
	--corlaranja:            #e66c37;
	--corpreta:              #141111;
	--corroxa:               #6700B8;
	--corverde:              #00930c;
	
	--corvermelha:           #a70404;
	--corvermelhaescuro:     #A1343C;
	--corvermelhamedio:      #D64550;
	--corvermelhaclara:      #fde8e8;
	--corvermelhahorus:      #ff0005;	

    --azullink:              #cddbf7;	
	--corerro01:             #b71c1c;
	--corerro02:             #fdecec;
	--corerro03:             #8a1111;	
	--corsucesso01:          #2e7d32;
	--corsucesso02:          #eaf7ed;
	--corsucesso03:          #1b5e20;	
	--exemploform:           #a3a3a3;	

	--body:                  #676767;
	--card:                  #4b4b4b;
	--caixatexto:            #595959;	
	--footer:                #d9d9d9;
	--footerbranco:          #ffffff;	
	--header:                #333333;

	--opacidade:             1;

    /* RAIOS */
    --radius:                18px;
    --radius_button:         12px;
    --radius-linha:          1px;    
    --altura-linha:          1px;    

    /* MOLDURAS */    
	--moldura_button:        var(--radius-linha) solid var(--card);	
	--moldura:               var(--radius-linha) solid var(--corbranca);
	--moldura_cinza:         var(--radius-linha) solid var(--header);    
    --molduracinzaclaro:     var(--radius-linha) solid var(--corcinzaclaro);
    --molduracinzaescuro:    var(--radius-linha) solid var(--body);
    --moldurapreta:          var(--radius-linha) solid var(--corpreta);    
    --moldura_01:            var(--radius-linha) solid rgba(255,255,255,.9);
    --moldura_02:            var(--radius-linha) solid rgba(255,255,255,.5);
    --moldura_03:            var(--radius-linha) solid rgba(255,255,255,.5);

    /* SOMBRAS */    
    --sombra_ppp:
    0 2px  6px rgba(0,0,0,0.12),
    0 4px 12px rgba(0,0,0,0.08);
    
    --sombra_pq:
    0 4px 12px rgba(0,0,0,0.18),
    0 8px 20px rgba(0,0,0,0.12);
    
    --sombra:
    0  8px 22px rgba(0,0,0,0.24),
    0 16px 40px rgba(0,0,0,0.16);
    
    --sombra_header:
    0  2px 8px rgba(0,0,0,0.16),
    0 6px 18px rgba(0,0,0,0.10);
    
    --sombra_banner:
    0 12px 28px rgba(0,0,0,0.28),
    0 20px 48px rgba(0,0,0,0.20);
    
    --sombra_banner_pq:
    0  6px 16px rgba(0,0,0,0.20),
    0 12px 28px rgba(0,0,0,0.14);
    
    --sombraredonda_pq:
    0 4px 12px rgba(0,0,0,0.20),
    0 8px 20px rgba(0,0,0,0.14);
    
    --sombraredonda:
    0  8px 20px rgba(0,0,0,0.28),
    0 16px 36px rgba(0,0,0,0.18);
    
    --sombraapps:
    0 6px 18px rgba(0,0,0,0.25);
    
    --sombraappshover:
    0 8px 22px rgba(0,0,0,0.35);
    
    
    /* BLUR */        
	--blur_filter:           6px;
	--blur_backdrop:         var(--blur_filter);	
	--blur_overlay:          rgba(255,255,255,.5);
	
    /* TRANSICAO */      	
    --transicao_gd:          all 0.4s ease;
    --transicao:             all 0.3s ease;
    --transicao_pq:          all 0.2s ease;
    --transicao_pqq:         all 0.1s ease;
    
    /* ESCALA */      	   
    --escala_gd:             1.06;
    --escala:                1.04;
    --escala_pq:             1.02;

    /* MARGENS E TAMANHOS */     
    --headerH:               72px;
    --headerH_mobile:        60px;
    --footerH:               100px;
    --footerH_mobile:        84px;

    --botao-sair-desktop:    420px;
    --botao-sair-mobile:     340px;
    --menu-drop-desktop:     400px;
    --menu-drop-mobile:      280px;

    --largura-filtros:       120px;
    --largura-salvar:        200px;
    --tamanho-01:            40px;
    --tamanho-02:            80px;
         
    --padding-padrao-36:     36px 36px 36px 36px;
    --padding-padrao-18:     18px 18px 18px 18px;
    --padding-padrao-12:     12px 12px 12px 12px;
    --padding-padrao-10:     10px 10px 10px 10px;
    --padding-padrao-08:     8px  8px  8px  8px;

    --gap-08:                8px;
    --gap-10:                10px;
    --gap-12:                12px;
    --gap-18:                18px;
    --gap-36:                36px;
    --content-gap:           var(--gap-12);
    
    --container:             90%;
    --container-mobile:      94%;

    --page-pad:              clamp(12px, 2vw, 24px);
    --card-pad-x:            clamp(16px, 3vw, 28px);
    --card-pad-y:            clamp(16px, 2.6vw, 24px);	
}