:root {
    --background-color-body:            rgb(200 220 230);
                                        /* linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(238, 175, 48) 80%, rgba(238, 175, 48) 100%); */
    --background-color-modal:           rgb(255, 255, 255);
    --background-color-navbar:          rgb(83, 86, 90);

    --background-color-table:           #fff5;
    --background-color-table-header:    #fff4;
    --background-color-table-body:      #fffb;

    --background-color-window:          #fff9;
    --background-color-window-header:   #fffa;
    --background-color-window-body:     #fffc;

    
    --color-button:                     rgb(150 190 220);
    --color-button-hover:               rgb(150 190 220);
    
    --color-button-green:               rgb(100, 175, 100);
    --color-button-green-hover:         rgb(100, 175, 100);
    
    --color-button-red:                 rgb(220, 130, 130);
    --color-button-red-hover:           rgb(220, 130, 130);
    
    --color-button-gray:                rgb(190 190 190);
    --color-button-gray-hover:          rgb(190 190 190);
    

    --color-progress:                   rgb(0, 160, 40);

    --border-modal:                     1px solid rgba(0,0,0,0.5);
    --border-modal-input:               1px solid rgba(0,0,0,0.2);

    --text-color-default:               rgb(33, 39, 33);
    --text-color-readonly:              rgb(151, 153, 155);
    --text-color-navbar:                rgb(255, 255, 255);
    --text-color-navbar-hover:          rgb(33, 39, 33);

    --shadow-color-modal:               rgba(33, 39, 33, 0.2);

    --color-scroll-bar:                 rgb(83, 86, 90);

    --color-status-ok:                  linear-gradient(90deg, 
                                        #2a2e33 calc(100% - 10px), 
                                        #69ae33 calc(100% - 10px), 
                                        #69ae33 100%);

    --color-status-warning:             linear-gradient(90deg, 
                                        #2a2e33 calc(100% - 10px), 
                                        #f89255 calc(100% - 10px), 
                                        #f89255 100%);

    --color-status-critical:            linear-gradient(90deg, 
                                        #2a2e33 calc(100% - 10px), 
                                        #d62627 calc(100% - 10px), 
                                        #d62627 100%);

    --background-color-note:            #f5ff98;

    --color-red:                        rgb(220, 20, 60);
    --color-green:                      rgb(34, 139, 34);

    --color-calendar-default:           rgb(100, 150, 200);
} 