: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);*/
    --vii-color-light-dark:rgba(16, 2, 73, .5);
    --vii-color-border-light:rgba(16, 2, 73, .3);


    /***************************************
    * 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 */
    --admin-bar-height:0px;

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

    /* Grid */
    --vii-grid-w: calc((var(--vii-container) - 11 * var(--vii-gap-vc-column))/12);

    /* radius */
    --vii-radius-4:4px;
    --vii-radius-8:8px;
    --vii-radius-12:12px;
}

@media only screen and (min-width:1700px) {
    :root {
        --vii-container:80vw !important;
        /*--vii-container-medium:55vw;*/
        /*--vii-container-small:44vw;*/
        --vii-gap-side:calc((var(--vii-100vw) - 80vw) / 2) !important;
        --vii-gap-vc-column:0.8vw;
    }
}