/*----------------------------------------------------*/
/*-------------------- TOKENS ------------------------*/
/*----------------------------------------------------*/

    :root{

        /*-- COLORS --*/
        --zaux-color1:#274663;
        --zaux-color2:#e8e8e8;
        --zaux-color3:#d8c1a0;
        --zaux-color-white:white;
        --zaux-spacing-base:16px; 

        /*-- SPACINGS --*/
        --zaux-spacing1:calc(var(--zaux-spacing-base) * 0); /*0px*/
        --zaux-spacing2:calc(var(--zaux-spacing-base) * 0.25); /*4px*/
        --zaux-spacing3:calc(var(--zaux-spacing-base) * 0.5); /*8px*/
        --zaux-spacing4:calc(var(--zaux-spacing-base) * 0.75); /*12px*/
        --zaux-spacing5:calc(var(--zaux-spacing-base) * 1); /*16px*/
        --zaux-spacing6:calc(var(--zaux-spacing-base) * 1.5); /*24px*/
        --zaux-spacing7:calc(var(--zaux-spacing-base) * 2); /*32px*/
        --zaux-spacing8:calc(var(--zaux-spacing-base) * 2.5); /*40px*/
        --zaux-spacing9:calc(var(--zaux-spacing-base) * 3); /*48px*/
        --zaux-spacing10:calc(var(--zaux-spacing-base) * 3.5); /*56px*/
        --zaux-spacing11:calc(var(--zaux-spacing-base) * 4); /*64px*/
        --zaux-spacing12:calc(var(--zaux-spacing-base) * 5); /*80px*/
        --zaux-spacing13:calc(var(--zaux-spacing-base) * 6); /*96px*/
        --zaux-spacing14:calc(var(--zaux-spacing-base) * 8); /*128px*/
        --zaux-spacing16:calc(var(--zaux-spacing-base) * 10); /*160px*/
        --zaux-spacing17:calc(var(--zaux-spacing-base) * 16); /*256px*/

        /*-- ZINDEXES --*/
        --zaux-zindex0:0;
        --zaux-zindex1:9;
        --zaux-zindex2:99;
        --zaux-zindex3:999;
        --zaux-zindex4:9999;
        --zaux-zindex5:99999;

        /*-- FONT SIZES --*/
        --zaux-fsize-base:var(--zaux-spacing-base); 
        --zaux-fsize1:calc(var(--zaux-fsize-base) * 0); /*0px*/
        --zaux-fsize2:calc(var(--zaux-fsize-base) * 0.25); /*4px*/
        --zaux-fsize3:calc(var(--zaux-fsize-base) * 0.5); /*8px*/
        --zaux-fsize4:calc(var(--zaux-fsize-base) * 0.75); /*12px*/
        --zaux-fsize5:calc(var(--zaux-fsize-base) * 1); /*16px*/
        --zaux-fsize6:calc(var(--zaux-fsize-base) * 1.5); /*24px*/
        --zaux-fsize7:calc(var(--zaux-fsize-base) * 2); /*32px*/
        --zaux-fsize8:calc(var(--zaux-fsize-base) * 2.5); /*40px*/
        --zaux-fsize9:calc(var(--zaux-fsize-base) * 3); /*48px*/
        --zaux-fsize10:calc(var(--zaux-fsize-base) * 3.5); /*56px*/
        --zaux-fsize11:calc(var(--zaux-fsize-base) * 4); /*64px*/
        --zaux-fsize12:calc(var(--zaux-fsize-base) * 5); /*80px*/
        --zaux-fsize13:calc(var(--zaux-fsize-base) * 6); /*96px*/
        --zaux-fsize14:calc(var(--zaux-fsize-base) * 8); /*128px*/
        --zaux-fsize16:calc(var(--zaux-fsize-base) * 10); /*160px*/
        --zaux-fsize17:calc(var(--zaux-fsize-base) * 16); /*256px*/

    }

/*----------------------------------------------------*/
/*-------------------- END OF TOKENS -----------------*/
/*----------------------------------------------------*/

/*----------------------------------------------------------------*/
/*-------------------- RESETS AND UTILITIES ----------------------*/
/*----------------------------------------------------------------*/
    /*-- RESETS --*/
        #container{
            contain:none !important;
        }
        body.--offcanvas-open{
            overflow:hidden;
        }
    /*-- END OF RESETS --*/

    /*-- UTILITIES --*/

        button.clear-appearance{
            appearance: none;
            border:none;
            background:none;
        }

    /*-- END OF UTILITIES --*/

/*-------------------------------------------------------------------------------*/
/*-------------------- END OF RESETS AND UTILITIES TOKENS -----------------------*/
/*-------------------------------------------------------------------------------*/