:root {
    --white:#fff;
    --bgColor:#222;
    --bgColor-muted:#000;
    /*--borderColor:#EEE;*/
    /*--borderColor:#ffc40c;*/
    --borderColor:#4897ec;
    --yellowColor:#ffc40c;
    --orangeDeepColor:#e86100;
    --orangeColor:#ff8c00;
    --orangeMiddleColor:#ff7b1b;
    --orangeLightColor:#ffc279;
    --brownLight:#e57d36;
    --brownMedium:#9a3d18;
    --brownDark:#260d04;
    --borderColor-muted:#333;
    --baseSize2:0.125rem;
    --baseSize4:0.25rem;
    --baseSize8:0.5rem;
    --baseSize12:0.75rem;
    --baseSize16:1rem;
    --baseSize20:1.25rem;
    --baseSize24:1.5rem;
    --baseSize32:2rem;
    --borderWidthThin:0.0625rem;
    --borderRadiusThin:0.4rem;
    --darkColor:#321414;
    --bodyBackground:#111;
    --myWhite:#DDD;
    --negativeSidenavWidth:-9999px;
    --menuBarWidth:2rem;
    --paddingLeftMainContent:0;
    --fieldHeight:3rem;
}