: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);*/

    /***************************************
    * Scroll bar
    ****************************************/
    --scroll-bar-w:var(--vii-scroll-bar-width);
    --scroll-bar-h:4px;
    --scroll-bar-bg:var(--vii-color-gray);
    --scroll-bar-thumb: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));

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

    /***************************************
   * Columns
   ****************************************/
    --col-num:12;
    --vii-col-gap:calc(var(--vii-gap-vc-column) * 2);
    --col-w:calc((var(--vii-container) + var(--vii-col-gap)) / var(--col-num));

    --vii-col-1:calc(var(--col-w) * 1 - var(--vii-col-gap));
    --vii-col-2:calc(var(--col-w) * 2 - var(--vii-col-gap));
    --vii-col-3:calc(var(--col-w) * 3 - var(--vii-col-gap));
    --vii-col-4:calc(var(--col-w) * 4 - var(--vii-col-gap));
    --vii-col-5:calc(var(--col-w) * 5 - var(--vii-col-gap));
    --vii-col-6:calc(var(--col-w) * 6 - var(--vii-col-gap));
    --vii-col-7:calc(var(--col-w) * 7 - var(--vii-col-gap));
    --vii-col-8:calc(var(--col-w) * 8 - var(--vii-col-gap));
    --vii-col-9:calc(var(--col-w) * 9 - var(--vii-col-gap));
    --vii-col-10:calc(var(--col-w) * 10 - var(--vii-col-gap));
    --vii-col-11:calc(var(--col-w) * 11 - var(--vii-col-gap));
    --vii-col-12:calc(var(--col-w) * 12 - var(--vii-col-gap));
}