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

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

    /* admin bar */
    --admin-bar-height:0px;

    /* navigation */
    --vii-nav-height:0px;

    /***************************************
    * Radius
    ****************************************/
    --vii-radius-4:4px;
    --vii-radius-6:6px;
    --vii-radius-8:8px;
    --vii-radius-12:12px;
    --vii-radius-16:16px;
    --vii-radius-24:24px;

    /***************************************
    * background
    ****************************************/
    --vii-bg-gradient:linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .0) 50%);

    /***************************************
    * color
    ****************************************/
    --vii-color-dark-4:#0d0b26;
}