:root {
                      --var-color-background: #FFFFFF;
--var-color-panel: #F2F3F3;
--var-color-tree-active: #FFFFFF;
--var-color-tree-active-text: #282C2E;
--var-color-tree-hover: #EEEEEF;
--var-color-tree-hover-text: #282C2E;
--var-color-tree-component-progress-background: #EEEEEF;
--var-color-border: #D4D5D5;
--var-color-accent: #1613e0;
--var-color-accent-dark: #1411CA;
--var-color-accent-shade: #1613e0;
--var-color-text: #282C2E;
--var-color-text-secondary: #535658;
--var-color-accent-text: #FFFFFF;
--var-color-accent-shade-text: #282C2E;
--var-color-info: #334580;
--var-color-warning: #AD5A00;
--var-color-error: #C20210;
--var-color-success: #4B842A;
--var-color-disabled: #D4D5D5;
--var-color-header: #ffffff;
--var-color-header-border: #a716e0;
--var-color-header-text: #1613e0;
--var-header-border-style: solid;
--var-header-border-width: 4px;
--var-portal-header-display: block;
--var-color-info-border: transparent;
--var-color-warning-border: transparent;
--var-color-error-border: transparent;
--var-color-success-border: transparent;
--var-color-info-background: #F2F3F7;
--var-color-warning-background: #FFE6CC;
--var-color-error-background: #FFD6CC;
--var-color-success-background: #DBE6D4;
--var-color-description: #7E8082;
--var-color-placeholder: #A9ABAB;
--var-portal-header-padding-top: 350px;
--var-portal-header-gradient-margin-top: -150px;
--var-portal-header-gradient-height: 50px;
--var-portal-header-gradient-color: transparent;
--var-portal-panel-margin-top: -50px;
--var-portal-panel-background-color: var(--var-color-background);  
                }