:root {
    --x2c-bg-color: #121212;
    --x2c-text-color: rgba(255, 255, 255, 0.87);
    --x2c-primary-color: #2673DD;
    --x2c-sucess-color: #309053;
    --x2c-warnning-color: #B28400;
    --x2c-panel-color: #222222;
    --x2c-border-color: rgba(255, 255, 255, 0.09);
    --x2c-icon-primary-color: #1f3151;
    --x2c-icon-secondary-color: #1f3151;
    --x2c-selected-color: #309053;
    --rz-tree-node-padding: 0.25rem;
    --rz-tree-node-hover-background-color: var(--x2c-panel-color);
    --rz-tree-node-hover-color: var(--x2c-text-color);
    --rz-tree-node-selected-background-color: #309053;
    --rz-menu-top-item-background-color: var(--x2c-panel-color);
}

.x2c-main-body {
    font-family: Roboto, sans-serif;
    height: 100vh;
    margin: 0;
    display: flex;
    flex-direction: column;
    background-color: var(--x2c-bg-color);
    color: var(--x2c-text-color);
}