:root {
    /***************************************
     * Colors (managed in atomic config, enable here to override)
     ****************************************/
    /*--vii-color-bg:#fff; !* content background *!*/
    /*--vii-color-text:#1c1c1c; !* body text *!*/
    /*--vii-color-heading:var(--vii-color-primary);*/


    /***************************************
    * Miscellaneous
    ****************************************/
    /* these variables will be updated by updateCSSVariables() */
    --vii-scroll-bar-width:8px;
    --vii-address-bar-height:0px;
    --vii-100vw:calc(100vw - var(--vii-scroll-bar-width));
    --vii-100vh:calc(100vh - var(--vii-address-bar-height));

    --admin-bar-height:0px;

    /* Transition */
    --vii-transition:all .3s ease;
    --vii-transition-slow:all .6s ease;
}

@media only screen and (min-width:1700px) {
    :root {
        --vii-size-h1:clamp(var(--vii-size-72), 4.8vw, 300px);
        --vii-size-h2:clamp(var(--vii-size-48), 3.4vw, 200px);
        --vii-size-h3:clamp(var(--vii-size-40), 3vw, 165px);
        --vii-size-h4:clamp(var(--vii-size-32), 2.4vw, 135px);
        --vii-size-h5:clamp(var(--vii-size-24), 1.667vw, 100px);
        --vii-size-h6:clamp(var(--vii-size-20), 1.333vw, 80px);

        --vii-spacing-64:5.4vw;

        --vii-size-16:clamp(16px, 0.9375vw, 70px);
        --vii-size-14:clamp(14px, 0.83, 60px);
        --vii-size-12:clamp(12px, 0.732vw, 50px);
    }
}