/* -------------------------------- 


VARIÁVEIS GLOBAIS

São variáveis gerais baseadas na identidade visual e irão guiar os projetos.


-------------------------------- */

:root {

/**** CORES *****/

        /* --- CORES BASE (NOVA) - (escala HSL - Hue, Saturation (%), Light (%))--- */
        --ifht-ref-cor-marinho: 210; /*Hue*/

        --ifht-ref-cor-azul: 198, 88%; /* hue, saturation% */

        --ifht-ref-cor-turquesa: 178 35%;/* hue, saturation% */
        --ifht-ref-cor-laranja: 19; /*Hue*/
        --ifht-ref-cor-amarelo: 35, 87%; /* hue, saturation% */

        --ifht-ref-cor-cinza: 203, 20%; /* hue, saturation% */

        --ifht-ref-cor-vermelho: 356, 75%;
        
        --ifht-ref-cor-erro: 50, 100%;  
        --ifht-ref-cor-aviso: 0, 0%;
        --ifht-ref-cor-sucesso: 5, 70%;


        /* Marinho */
        --ifht-ref-cor-marinho-10:hsl(210, 100%, 10%); 
        --ifht-ref-cor-marinho-20:hsl(210, 100%, 20%);
        --ifht-ref-cor-marinho-30:hsl(210, 92%, 28%);
        --ifht-ref-cor-marinho-40:hsl(210, 80%, 40%);
        --ifht-ref-cor-marinho-50:hsl(210, 60%, 50%);
        --ifht-ref-cor-marinho-60:hsl(210, 60%, 63%);
        --ifht-ref-cor-marinho-70:hsl(210, 55%, 73%);
        --ifht-ref-cor-marinho-80:hsl(210, 49%, 83%);
        --ifht-ref-cor-marinho-90:hsl(210, 49%, 90%);
        --ifht-ref-cor-marinho-95:hsl(210, 52%, 95%);
        --ifht-ref-cor-marinho-99:hsl(210, 89%, 98%);

        /* Azul */
        --ifht-ref-cor-azul-10:hsl(197, 90%, 4%);
        --ifht-ref-cor-azul-20:hsl(197,93%, 18%);
        --ifht-ref-cor-azul-30:hsl(197, 93%, 27%);
        --ifht-ref-cor-azul-40:hsl(197, 93%, 36%);
        --ifht-ref-cor-azul-50:hsl(197, 93%, 45%);
        --ifht-ref-cor-azul-60:hsl(197,93%, 56%);
        --ifht-ref-cor-azul-70:hsl(197, 93%, 67%);
        --ifht-ref-cor-azul-80:hsl(197, 93%, 78%);
        --ifht-ref-cor-azul-90:hsl(197, 94%, 89%);
        --ifht-ref-cor-azul-95:hsl(197, 94%, 94%);
        --ifht-ref-cor-azul-99:hsl(197, 100%, 98%);

        /* Turquesa */
        --ifht-ref-cor-turquesa-10:hsl(171, 77%, 12%);
        --ifht-ref-cor-turquesa-20:hsl(171, 80%, 21%);
        --ifht-ref-cor-turquesa-30:hsl(175, 66%, 31%);
        --ifht-ref-cor-turquesa-40:hsl(171, 80%, 38%);
        --ifht-ref-cor-turquesa-50:hsl(171, 62%, 45%);
        --ifht-ref-cor-turquesa-60:hsl(166, 39%, 63%);
        --ifht-ref-cor-turquesa-70:hsl(167, 39%, 70%);
        --ifht-ref-cor-turquesa-80:hsl(167, 39%, 80%);
        --ifht-ref-cor-turquesa-90:hsl(175, 35%, 88%);
        --ifht-ref-cor-turquesa-95:hsl(167, 33%, 95%);
        --ifht-ref-cor-turquesa-99:hsl(165, 40%, 98%);

        /* Laranja */
        --ifht-ref-cor-laranja-10:hsl(19, 69%, 10%); 
        --ifht-ref-cor-laranja-20:hsl(19, 71%, 20%);
        --ifht-ref-cor-laranja-30:hsl(19, 70%, 30%);
        --ifht-ref-cor-laranja-40:hsl(19, 90%, 40%);
        --ifht-ref-cor-laranja-50:hsl(19, 80%, 50%);
        --ifht-ref-cor-laranja-60:hsl(19, 80%, 60%);
        --ifht-ref-cor-laranja-70:hsl(19, 80%, 70%);
        --ifht-ref-cor-laranja-80:hsl(19, 80%, 80%);
        --ifht-ref-cor-laranja-90:hsl(19, 80%, 90%);
        --ifht-ref-cor-laranja-95:hsl(19, 83%, 95%);
        --ifht-ref-cor-laranja-99:hsl(19, 100%, 98%);

        /* Cinza */
        --ifht-ref-cor-cinza-10:hsl(var(--ifht-ref-cor-cinza), 8%); 
        --ifht-ref-cor-cinza-20:hsl(var(--ifht-ref-cor-cinza), 23%);
        --ifht-ref-cor-cinza-30:hsl(var(--ifht-ref-cor-cinza), 33%);
        --ifht-ref-cor-cinza-40:hsl(var(--ifht-ref-cor-cinza), 43%);
        --ifht-ref-cor-cinza-50:hsl(var(--ifht-ref-cor-cinza), 53%);
        --ifht-ref-cor-cinza-60:hsl(var(--ifht-ref-cor-cinza), 65%);
        --ifht-ref-cor-cinza-70:hsl(203, 25%, 75%);
        --ifht-ref-cor-cinza-80:hsl(203, 25%, 85%);
        --ifht-ref-cor-cinza-90:hsl(203, 25%, 90%);
        --ifht-ref-cor-cinza-95:hsl(203, 36%, 95%);
        --ifht-ref-cor-cinza-99:hsl(var(--ifht-ref-cor-cinza), 99%);

        --ifht-ref-cor-branco: #fff;
        --cor-branco: var(--ifht-ref-cor-branco);

         /* Verde */
         --ifht-ref-cor-verde-0: hsl(35, 88%, 2%); 
         --ifht-ref-cor-verde-10:hsl(89, 100%, 10%); 
         --ifht-ref-cor-verde-20:hsl(87, 100%, 16%); 
         --ifht-ref-cor-verde-30:hsl(84, 100%, 22%); 
         --ifht-ref-cor-verde-40:hsl(82, 100%, 25%); 
         --ifht-ref-cor-verde-50:hsl(80, 100%, 27%); 
         --ifht-ref-cor-verde-60:hsl(77, 90%, 35%); 
         --ifht-ref-cor-verde-70:hsl(78, 56%, 49%); 
         --ifht-ref-cor-verde-80:hsl(77, 60%, 67%); 
         --ifht-ref-cor-verde-90:hsl(98, 66%, 88%); 
         --ifht-ref-cor-verde-95:hsl(98, 66%, 93%); 
         --ifht-ref-cor-verde-99:hsl(98, 66%, 98%); 


         /* Amarelo */
         /* --ifht-ref-cor-amarelo-10:hsl(var(--ifht-ref-cor-amarelo), 16%); 
         --ifht-ref-cor-amarelo-20:hsl(var(--ifht-ref-cor-amarelo), 24%);
         --ifht-ref-cor-amarelo-30:hsl(var(--ifht-ref-cor-amarelo), 35%);
         --ifht-ref-cor-amarelo-40:hsl(var(--ifht-ref-cor-amarelo), 45%);
         --ifht-ref-cor-amarelo-50:hsl(var(--ifht-ref-cor-amarelo), 50%);
         --ifht-ref-cor-amarelo-60:hsl(var(--ifht-ref-cor-amarelo), 60%);
         --ifht-ref-cor-amarelo-70:hsl(var(--ifht-ref-cor-amarelo), 70%);
         --ifht-ref-cor-amarelo-80:hsl(var(--ifht-ref-cor-amarelo), 80%);
         --ifht-ref-cor-amarelo-90:hsl(var(--ifht-ref-cor-amarelo), 90%);
         --ifht-ref-cor-amarelo-95:hsl(var(--ifht-ref-cor-amarelo), 95%);
         --ifht-ref-cor-amarelo-99:hsl(var(--ifht-ref-cor-amarelo), 97%); */

         --ifht-ref-cor-amarelo-0: hsl(35, 88%, 2%); 
         --ifht-ref-cor-amarelo-10:hsl(35, 88%, 16%); 
         --ifht-ref-cor-amarelo-20:hsl(35, 87%, 24%); 
         --ifht-ref-cor-amarelo-30:hsl(35, 87%, 35%); 
         --ifht-ref-cor-amarelo-40:hsl(35, 87%, 45%); 
         --ifht-ref-cor-amarelo-50:hsl(35, 87%, 50%); 
         --ifht-ref-cor-amarelo-60:hsl(35, 87%, 60%); 
         --ifht-ref-cor-amarelo-70:hsl(35, 87%, 70%); 
         --ifht-ref-cor-amarelo-80:hsl(35, 86%, 80%); 
         --ifht-ref-cor-amarelo-90:hsl(35, 88%, 90%); 
         --ifht-ref-cor-amarelo-95:hsl(35, 85%, 95%); 
         --ifht-ref-cor-amarelo-99:hsl(32, 87%, 97%); 


        /* Vermelho */
        --ifht-ref-cor-vermelho-10:hsl(356, 75%, 15%); 
        --ifht-ref-cor-vermelho-20:hsl(356, 75%, 25%); 
        --ifht-ref-cor-vermelho-30:hsl(356, 75%, 35%); 
        --ifht-ref-cor-vermelho-40:hsl(356, 75%, 45%); 
        --ifht-ref-cor-vermelho-50:hsl(356, 75%, 55%); 
        --ifht-ref-cor-vermelho-60:hsl(356, 75%, 62%); 
        --ifht-ref-cor-vermelho-70:hsl(356, 75%, 70%); 
        --ifht-ref-cor-vermelho-80:hsl(356, 75%, 80%); 
        --ifht-ref-cor-vermelho-90:hsl(356, 75%, 90%); 
        --ifht-ref-cor-vermelho-95:hsl(356, 75%, 95%); 
        --ifht-ref-cor-vermelho-99:hsl(356, 75%, 98%); 



    /* --- CORES BASE - (escala HSL - Hue, Saturation (%), Light (%))--- */
    /* --ifht-ref-cor-azul: 196, 88%; 
    --ifht-ref-cor-marinho: 210; 
    --ifht-ref-cor-turquesa: 175, 54%;
    --ifht-ref-cor-laranja: 18; 
    --ifht-ref-cor-amarelo: 39, 100%; 
    --ifht-ref-cor-roxo: 250, 49%; 
    --ifht-ref-cor-rosa: 315, 95%; /
    --ifht-ref-cor-cinza: 206, 9%; 
    --ifht-ref-cor-erro: 50, 100%;  
    --ifht-ref-cor-aviso: 0, 0%;
    --ifht-ref-cor-sucesso: 5, 70%; */

    
    /* --ifht-ref-cor-marinho-10:hsl(var(--ifht-ref-cor-marinho), 100%, 10%); 
    --ifht-ref-cor-marinho-20:hsl(var(--ifht-ref-cor-marinho), 100%, 20%);
    --ifht-ref-cor-marinho-30:hsl(var(--ifht-ref-cor-marinho), 90%, 30%);
    --ifht-ref-cor-marinho-40:hsl(var(--ifht-ref-cor-marinho), 80%, 40%);
    --ifht-ref-cor-marinho-50:hsl(var(--ifht-ref-cor-marinho), 60%, 50%);
    --ifht-ref-cor-marinho-60:hsl(var(--ifht-ref-cor-marinho), 60%, 60%);
    --ifht-ref-cor-marinho-70:hsl(var(--ifht-ref-cor-marinho), 50%, 70%);
    --ifht-ref-cor-marinho-80:hsl(var(--ifht-ref-cor-marinho), 50%, 80%);
    --ifht-ref-cor-marinho-90:hsl(var(--ifht-ref-cor-marinho), 50%, 90%);
    --ifht-ref-cor-marinho-95:hsl(var(--ifht-ref-cor-marinho), 52%, 95%);
    --ifht-ref-cor-marinho-99:hsl(var(--ifht-ref-cor-marinho), 60%, 99%);

    --ifht-ref-cor-azul-10: hsl(var(--ifht-ref-cor-azul), 10%); 
    --ifht-ref-cor-azul-20: hsl(var(--ifht-ref-cor-azul), 20%);
    --ifht-ref-cor-azul-30:hsl(var(--ifht-ref-cor-azul), 25%);
    --ifht-ref-cor-azul-40:hsl(var(--ifht-ref-cor-azul), 33%);
    --ifht-ref-cor-azul-50:hsl(var(--ifht-ref-cor-azul), 45%);
    --ifht-ref-cor-azul-60:hsl(var(--ifht-ref-cor-azul), 58%);
    --ifht-ref-cor-azul-70:hsl(var(--ifht-ref-cor-azul), 68%);
    --ifht-ref-cor-azul-80:hsl(var(--ifht-ref-cor-azul), 78%);
    --ifht-ref-cor-azul-90:hsl(var(--ifht-ref-cor-azul), 88%);
    --ifht-ref-cor-azul-95:hsl(var(--ifht-ref-cor-azul), 93%);
    --ifht-ref-cor-azul-99:hsl(var(--ifht-ref-cor-azul), 99%);

    --ifht-ref-cor-turquesa-10:hsl(var(--ifht-ref-cor-turquesa), 10%); 
    --ifht-ref-cor-turquesa-20:hsl(var(--ifht-ref-cor-turquesa), 20%);
    --ifht-ref-cor-turquesa-30:hsl(var(--ifht-ref-cor-turquesa), 30%);
    --ifht-ref-cor-turquesa-40:hsl(var(--ifht-ref-cor-turquesa), 40%);
    --ifht-ref-cor-turquesa-50:hsl(var(--ifht-ref-cor-turquesa), 50%);
    --ifht-ref-cor-turquesa-60:hsl(var(--ifht-ref-cor-turquesa), 60%);
    --ifht-ref-cor-turquesa-70:hsl(var(--ifht-ref-cor-turquesa), 70%);
    --ifht-ref-cor-turquesa-80:hsl(var(--ifht-ref-cor-turquesa), 80%);
    --ifht-ref-cor-turquesa-90:hsl(var(--ifht-ref-cor-turquesa), 90%);
    --ifht-ref-cor-turquesa-95:hsl(var(--ifht-ref-cor-turquesa), 95%);
    --ifht-ref-cor-turquesa-99:hsl(var(--ifht-ref-cor-turquesa), 99%);

    --ifht-ref-cor-laranja-10:hsl(var(--ifht-ref-cor-laranja), 69%, 10%); 
    --ifht-ref-cor-laranja-20:hsl(var(--ifht-ref-cor-laranja), 71%, 20%);
    --ifht-ref-cor-laranja-30:hsl(var(--ifht-ref-cor-laranja), 70%, 30%);
    --ifht-ref-cor-laranja-40:hsl(var(--ifht-ref-cor-laranja), 90%, 40%);
    --ifht-ref-cor-laranja-50:hsl(var(--ifht-ref-cor-laranja), 80%, 50%);
    --ifht-ref-cor-laranja-60:hsl(var(--ifht-ref-cor-laranja), 80%, 60%);
    --ifht-ref-cor-laranja-70:hsl(var(--ifht-ref-cor-laranja), 80%, 70%);
    --ifht-ref-cor-laranja-80:hsl(var(--ifht-ref-cor-laranja), 80%, 80%);
    --ifht-ref-cor-laranja-90:hsl(var(--ifht-ref-cor-laranja), 80%, 90%);
    --ifht-ref-cor-laranja-95:hsl(var(--ifht-ref-cor-laranja), 80%, 95%);
    --ifht-ref-cor-laranja-99:hsl(var(--ifht-ref-cor-laranja), 80%, 99%);

    --ifht-ref-cor-amarelo-10:hsl(var(--ifht-ref-cor-amarelo), 10%); 
    --ifht-ref-cor-amarelo-20:hsl(var(--ifht-ref-cor-amarelo), 20%);
    --ifht-ref-cor-amarelo-30:hsl(var(--ifht-ref-cor-amarelo), 30%);
    --ifht-ref-cor-amarelo-40:hsl(39, 83%, 46%);
    --ifht-ref-cor-amarelo-50:hsl(var(--ifht-ref-cor-amarelo), 50%);
    --ifht-ref-cor-amarelo-60:hsl(var(--ifht-ref-cor-amarelo), 60%);
    --ifht-ref-cor-amarelo-70:hsl(var(--ifht-ref-cor-amarelo), 70%);
    --ifht-ref-cor-amarelo-80:hsl(var(--ifht-ref-cor-amarelo), 80%);
    --ifht-ref-cor-amarelo-90:hsl(var(--ifht-ref-cor-amarelo), 90%);
    --ifht-ref-cor-amarelo-95:hsl(var(--ifht-ref-cor-amarelo), 95%);
    --ifht-ref-cor-amarelo-99:hsl(var(--ifht-ref-cor-amarelo), 99%); */

    --ifht-ref-cor-roxo-10:hsl(var(--ifht-ref-cor-roxo), 10%); 
    --ifht-ref-cor-roxo-20:hsl(var(--ifht-ref-cor-roxo), 20%);
    --ifht-ref-cor-roxo-30:hsl(var(--ifht-ref-cor-roxo), 30%);
    --ifht-ref-cor-roxo-40:hsl(var(--ifht-ref-cor-roxo), 40%);
    --ifht-ref-cor-roxo-50:hsl(var(--ifht-ref-cor-roxo), 50%);
    --ifht-ref-cor-roxo-60:hsl(var(--ifht-ref-cor-roxo), 60%);
    --ifht-ref-cor-roxo-70:hsl(var(--ifht-ref-cor-roxo), 70%);
    --ifht-ref-cor-roxo-80:hsl(var(--ifht-ref-cor-roxo), 80%);
    --ifht-ref-cor-roxo-90:hsl(var(--ifht-ref-cor-roxo), 90%);
    --ifht-ref-cor-roxo-95:hsl(var(--ifht-ref-cor-roxo), 95%);
    --ifht-ref-cor-roxo-99:hsl(var(--ifht-ref-cor-roxo), 99%);

    --ifht-ref-cor-rosa-10:hsl(var(--ifht-ref-cor-rosa), 10%); 
    --ifht-ref-cor-rosa-20:hsl(var(--ifht-ref-cor-rosa), 20%);
    --ifht-ref-cor-rosa-30:hsl(var(--ifht-ref-cor-rosa), 30%);
    --ifht-ref-cor-rosa-40:hsl(var(--ifht-ref-cor-rosa), 40%);
    --ifht-ref-cor-rosa-50:hsl(var(--ifht-ref-cor-rosa), 50%);
    --ifht-ref-cor-rosa-60:hsl(var(--ifht-ref-cor-rosa), 60%);
    --ifht-ref-cor-rosa-70:hsl(var(--ifht-ref-cor-rosa), 70%);
    --ifht-ref-cor-rosa-80:hsl(var(--ifht-ref-cor-rosa), 80%);
    --ifht-ref-cor-rosa-90:hsl(var(--ifht-ref-cor-rosa), 90%);
    --ifht-ref-cor-rosa-95:hsl(var(--ifht-ref-cor-rosa), 95%);
    --ifht-ref-cor-rosa-99:hsl(var(--ifht-ref-cor-rosa), 99%);

    /* --ifht-ref-cor-cinza-10:hsl(var(--ifht-ref-cor-cinza), 10%); 
    --ifht-ref-cor-cinza-20:hsl(var(--ifht-ref-cor-cinza), 20%);
    --ifht-ref-cor-cinza-30:hsl(var(--ifht-ref-cor-cinza), 30%);
    --ifht-ref-cor-cinza-40:hsl(var(--ifht-ref-cor-cinza), 40%);
    --ifht-ref-cor-cinza-50:hsl(var(--ifht-ref-cor-cinza), 50%);
    --ifht-ref-cor-cinza-60:hsl(var(--ifht-ref-cor-cinza), 60%);
    --ifht-ref-cor-cinza-70:hsl(var(--ifht-ref-cor-cinza), 70%);
    --ifht-ref-cor-cinza-80:hsl(var(--ifht-ref-cor-cinza), 80%);
    --ifht-ref-cor-cinza-90:hsl(var(--ifht-ref-cor-cinza), 90%);
    --ifht-ref-cor-cinza-95:hsl(var(--ifht-ref-cor-cinza), 95%);
    --ifht-ref-cor-cinza-99:hsl(var(--ifht-ref-cor-cinza), 99%); */

 


     /* --cor-turquesa-900: #030E0D;
     --cor-turquesa-800: #0F4640;
     --cor-turquesa-700: #0F4640;
     --cor-turquesa-600: #17685F;
     --cor-turquesa-500:#1E8B7F;
     --cor-turquesa-400: #4BA299;
     --cor-turquesa-300: #78B9B2;
     --cor-turquesa-200: #A5D1CC;
     --cor-turquesa-100: #D2E8E5;
     --cor-turquesa-50: #E9F4F3;

     --cor-violeta-900: #0D0717;
     --cor-violeta-800: #211239;
     --cor-violeta-700: #412473;
     --cor-violeta-600: #6235AC;
     --cor-violeta-500:#8247E5;
     --cor-violeta-400: #9B6CEA;
     --cor-violeta-300: #B491EF;
     --cor-violeta-200: #CDB5F5;
     --cor-violeta-100: #E6DAFA;
     --cor-violeta-50: #F3EDFD;

    --cor-cinza-900: #0B0C0D;
    --cor-cinza-800: #1B1E20;
    --cor-cinza-700: #373C41;
    --cor-cinza-600: #525A61;
    --cor-cinza-500:#6D7881;
    --cor-cinza-400: #8A939A;
    --cor-cinza-300: #A7AEB3;
    --cor-cinza-200: #C5C9CD;
    --cor-cinza-100: #E2E4E6;
    --cor-cinza-50: #FBFBFB;

    --cor-branco: #ffffff;

    --cor-verde-900: #000D00;
    --cor-verde-800: #002000;
    --cor-verde-700: #004000;
    --cor-verde-600: #006000;
    --cor-verde-500:#008000;
    --cor-verde-400: #339933;
    --cor-verde-300: #66B366;
    --cor-verde-200: #99CC99;
    --cor-verde-100: #CCE6CC;
    --cor-verde-50: #E6F3E6;

    --cor-vermelho-900: #130605;
    --cor-vermelho-800: #2F100C;
    --cor-vermelho-700: #5E1F19;
    --cor-vermelho-600: #8D2F25;
    --cor-vermelho-500:#BC3E31;
    --cor-vermelho-400: #C9655A;
    --cor-vermelho-300: #D78B83;
    --cor-vermelho-200: #E4B2AD;
    --cor-vermelho-100: #F2D8D6;
    --cor-vermelho-50: #F9ECEB; */


/**** TAMANHO BASE PARA O HTML ****/
--ifht-ref-tamanho-base:1rem; /*Tamanho base do projeto - guiará todos os valores (espaçamentos, tamanhos de fontes, etc). Por padrão, 1rem = 16px.*/

    
/**** TIPOGRAFIA ****/

    /* ESCALA TIPOGRÁFICA */
    /* --ifht-ref-tamanho-base-tipografia: calc(var(--ifht-ref-tamanho-base) * 1.125); tamanho base = 18px */
    --ifht-ref-tamanho-base-tipografia: var(--ifht-ref-tamanho-base); 

    --ifht-ref-escala-1: calc(var(--ifht-ref-tamanho-base-tipografia) * 5.61); /*100.98px*/
    --ifht-ref-escala-2: calc(var(--ifht-ref-tamanho-base-tipografia) * 4.209);/* 75.76px*/
    --ifht-ref-escala-3: calc(var(--ifht-ref-tamanho-base-tipografia) * 3.157);/* 56.83px*/
    --ifht-ref-escala-4: calc(var(--ifht-ref-tamanho-base-tipografia) * 2.369);/* 42.63px*/
    --ifht-ref-escala-5: calc(var(--ifht-ref-tamanho-base-tipografia) * 1.777);/* 31.98px*/
    --ifht-ref-escala-6: calc(var(--ifht-ref-tamanho-base-tipografia) * 1.333);/* 23.99px*/
    --ifht-ref-escala-7: calc(var(--ifht-ref-tamanho-base-tipografia) * 1.22); /* 22px*/
    --ifht-ref-escala-8: calc(var(--ifht-ref-tamanho-base-tipografia) * 1.11); /*20px*/
    --ifht-ref-escala-9: calc(var(--ifht-ref-tamanho-base-tipografia) * 1); /*18px*/
    --ifht-ref-escala-10: calc(var(--ifht-ref-tamanho-base-tipografia) *0.88);/* 16px*/
    --ifht-ref-escala-11: calc(var(--ifht-ref-tamanho-base-tipografia) *0.75);/* 13.50px*/
    --ifht-ref-escala-12: calc(var(--ifht-ref-tamanho-base-tipografia) *0.44);/* 8px*/

    /*--ifht-ref-escala-1: 5.61rem; 100.98px*/
    /*--ifht-ref-escala-2: 4.209rem; 75.76px*/
    /*--ifht-ref-escala-3: 3.157rem; 56.83px*/
    /*--ifht-ref-escala-4: 2.369rem; 42.63px*/
    /*--ifht-ref-escala-5: 1.777rem; 31.98px*/
    /*--ifht-ref-escala-6: 1.333rem; 23.99px*/
    /*--ifht-ref-escala-7: 1.22rem;  22px*/
    /*--ifht-ref-escala-8: 1.11rem; 20px*/
    /*--ifht-ref-escala-9: 1rem; 18px*/
    /*--ifht-ref-escala-10: 0.88rem; 16px*/
    /*--ifht-ref-escala-11: 0.75rem; 13.50px*/
    /*--ifht-ref-escala-12: 0.44rem; 8px*/

    /* FAMÍLIA TIPOGRÁFICA E PESO */
    --ifht-ref-familia-1: bootstrapIcon;
    --ifht-ref-familia-2: 'Material Symbols Rounded';
    --ifht-ref-familia-3: 'Rubik-Bold';
    --ifht-ref-familia-4: 'Rubik-BoldItalic';
    --ifht-ref-familia-5: 'Rubik-Medium';
    --ifht-ref-familia-6: 'Rubik-MediumItalic';
    --ifht-ref-familia-7: 'Karla-Regular';
    --ifht-ref-familia-8: 'Karla-Italic';
    --ifht-ref-familia-9: 'Karla-Medium';
    --ifht-ref-familia-10: 'Karla-MediumItalic';
    --ifht-ref-familia-11: 'Karla-SemiBold';
    --ifht-ref-familia-12: 'Karla-SemiBoldItalic';
    --ifht-ref-familia-13: 'Karla-Bold';
    --ifht-ref-familia-14: 'Karla-BoldItalic';
    --ifht-ref-familia-15: 'Karla-ExtraBold';
    --ifht-ref-familia-16: 'Karla-ExtraBoldItalic';

    /* ESCALA LINE HEIGHT */
    --ifht-ref-line-height-1: normal;
    --ifht-ref-line-height-2: 1.1;
    --ifht-ref-line-height-3: 1.25;
    --ifht-ref-line-height-4: 1.5;
    --ifht-ref-line-height-5: 1.75;
    --ifht-ref-line-height-6: 2;

    /* ESCALA ESPAÇAMENTO */
    --ifht-ref-espaçamento-base: var(--ifht-ref-tamanho-base); /*Tamanho base é 16px, conforme definido acima*/

    --ifht-ref-espaçamento-1: calc(var(--ifht-ref-espaçamento-base)*.5); /*8px*/
    --ifht-ref-espaçamento-2: calc(var(--ifht-ref-espaçamento-base)*1); /*16px*/
    --ifht-ref-espaçamento-3: calc(var(--ifht-ref-espaçamento-base)*1.5); /*24px*/
    --ifht-ref-espaçamento-4: calc(var(--ifht-ref-espaçamento-base)*2); /*32px*/
    --ifht-ref-espaçamento-5: calc(var(--ifht-ref-espaçamento-base)*2.5); /*40px*/
    --ifht-ref-espaçamento-6: calc(var(--ifht-ref-espaçamento-base)*3); /*48px*/
    --ifht-ref-espaçamento-7: calc(var(--ifht-ref-espaçamento-base)*3.5); /*56px*/
    --ifht-ref-espaçamento-8: calc(var(--ifht-ref-espaçamento-base)*4); /*64px*/
    --ifht-ref-espaçamento-9: calc(var(--ifht-ref-espaçamento-base)*4.5); /*72px*/
    --ifht-ref-espaçamento-10:calc(var(--ifht-ref-espaçamento-base)*5); /*80px*/


    /* ESCALA DE ELEVAÇÕES */
    --ifht-ref-elevacao-1: 0px 0px 0px 0.5px rgba(0, 14, 30, 0.08), 0px 6px 24px rgba(0, 14, 30, 0.05);
    --ifht-ref-elevacao-2: 0px 1px 3px rgba(0, 0, 0, 0.25);
    --ifht-ref-elevacao-3: 0px 10px 36px rgba(0, 14, 30, 0.16); 
    /* --ifht-ref-elevacao-3: 0px 30px 50px -15px rgba(0, 14, 30, 0.3); */
    --ifht-ref-elevacao-3: 0px 30px 25px -15px rgba(0, 14, 30, 0.3);
    --ifht-ref-elevacao-4: 0px 30px 60px -10px rgba(0, 14, 30, 0.4), 0px 50px 100px -20px rgba(50, 50, 93, 0.25);
    --ifht-ref-elevacao-5: 0px 50px 100px -10px rgba(0, 14, 30, 0.6), 0px 50px 100px -20px rgba(50, 50, 93, 0.25), inset 0px 1px 1px rgba(255, 255, 255, 0.1);


    /* BORDER-RADIUS */
   --ifht-ref-raio-base: var(--ifht-ref-tamanho-base); /*Tamanho base é 16px, conforme definido acima*/

    --ifht-ref-border-radius-1: calc(var(--ifht-ref-raio-base)*.125); /*2px*/
    --ifht-ref-border-radius-2: calc(var(--ifht-ref-raio-base)*.25); /*4px*/
    --ifht-ref-border-radius-3: calc(var(--ifht-ref-raio-base)*.5); /*8px*/
    --ifht-ref-border-radius-4: calc(var(--ifht-ref-raio-base)*1); /*16px*/
    --ifht-ref-border-radius-5: calc(var(--ifht-ref-raio-base)*2); /*32px*/
    --ifht-ref-border-radius-full: calc(var(--ifht-ref-raio-base)*100); /*1600px*/

    /* BORDER-WIDTH */
   --ifht-ref-width-base: var(--ifht-ref-tamanho-base); /*Tamanho base é 16px, conforme definido acima*/

   --ifht-ref-border-width-1: calc(var(--ifht-ref-width-base)*.0625); /*1px*/
   --ifht-ref-border-width-2: calc(var(--ifht-ref-width-base)*.125); /*2px*/
   --ifht-ref-border-width-3: calc(var(--ifht-ref-width-base)*.1875); /*3px*/
   --ifht-ref-border-width-4: calc(var(--ifht-ref-width-base)*.25); /*4px*/
   --ifht-ref-border-width-5: calc(var(--ifht-ref-width-base)*.3125); /*5px*/

}