@import url("swcss-alls.min.css");
:root {
    /* Size REM|PX - deixa o REM no tamanho do pix.
       Ex.: 12px = 1.2rem, 28px = 2.8rem */
    font-size: 62.5%;

    /*Fontes
    --fonte-principal: "Poppins", sans-serif;
    --fonte-secundaria: "Roboto", sans-serif;
    --tamanho-da-fonte: 1.4rem;
    --altura-da-linha-da-fonte: 1.3;
    --espessura-da-fonte: 400;
    */

    /*Body
    --bg-body: var(--neut20);
    --cor-do-texto: var(--neut90);
    */

    /*Link
    --cor-do-link: var(--lima60);
    --cor-do-hover-do-link: var(--lima80);
    */

    /*Tamanhos
    --view-pp: 380px;
    --view-p: 576px;
    --view-m: 768px;
    --view-g: 992px;
    --view-gg: 1200px;
    --view-xg: 1400px;
    --view-xxg: 1780px;
    */

    /*Side
    --nav-side-bg: var(--ardo70);
    --nav-side-cor-texto: var(--bran);
    --nav-side-separador: var(--ardo50);
    --nav-side-cor-logo: var(--lima50);
    */

    /*Abas
    --abas-fonte: var(--font-dest2);
    --abas-link-cor: var(--neut50);
    --abas-link-hover-cor: var(--lima50);
    --abas-link-active-cor: var(--neut60);
    --abas-border-cor: var(--neut30);
    --abas-bg-link: var(--bran);
    --abas-texto-align: center;
    --abas-radios: 6px;
    --abas-font-size-titulo: 2.4rem;
    */

    /*Scroll*/
    --scroll-linha: 8px;
    --scroll-cor-principal: var(--neut17);
    --scroll-cor-secundaria: var(--neut16);

    /*Sidebar
    --nav-sidebar-bg: var(--ardo90);
    --nav-sidebar-bg-header: var(--ardo60);
    --nav-sidebar-cor-header: var(--bran);
    --nav-sidebar-small-header: var(--ardo50);
    --nav-sidebar-border-header: var(--ardo50);
    --nav-sidebar-cor: var(--bran);
    --nav-sidebar-hover: var(--ardo40);
    --nav-sidebar-bg-sub: var(--ardo60);
    --nav-sidebar-cor-sub: var(--bran);
    --nav-sidebar-hover-sub: var(--ardo40);
    --nav-sidebar-btn: var(--pret);
    */
    /*Navmobi
    --nav-mobi-bg: var(--ardo90);
    --nav-mobi-link: var(--ardo40);
    --nav-mobi-hover: var(--bran);
    --nav-mobi-btn-bg: var(--principal);
    --nav-mobi-btn-cor: var(--bran);
    --nav-mobi-text: var(--bran);
    */

    /*Tool
    --tooltip-bg: var(--neut90);
    --tooltip-color: var(--neut10);
    --tooltip-width: 13rem;
    --tooltip-size: 1.3rem;
    --tooltip-radius: 0.3rem;
    */

    /*Navbar
    --nav-bar-bg: var(--ardo70);
    --nav-bar-cor: var(--bran);
    --nav-bar-link: var(--bran);
    --nav-bar-togger: var(--bran);
    --nav-bar-hover: var(--lima50);
    --nav-bar-sub-bg: var(--ardo70);
    */
}
/*
.h1 {
    font-size: clamp(3rem, 4.5vw + 1.4rem, 5rem);
}
.h2 {
    font-size: clamp(2.4rem, 4vw + 0.8rem, 4rem);
}
.h3 {
    font-size: clamp(2rem, 3vw + 0.4rem, 3rem);
}
.h4 {
    font-size: clamp(1.6rem, 2.5vw + 0.4rem, 2rem);
}
.h5 {
    font-size: clamp(1.4rem, 2vw + 0.2rem, 1rem);
}
.h6 {
    font-size: clamp(1.2rem, 1.5vw + 0.2rem, 0.8rem);
}
*/