:root {
    /*Global colors */
    --danger-color: #fb404b;
    --success-color: #87CB16;
    --info-color: #42d0ed;
    --primary-color: #E8A910;
    --warning-color: #ffa534;
    --default-color: #e6e6e6;
    --inactive-color: #9a9a9a;
    --light-black: #333;
    --novalyo-color-2: rgb(133, 37, 150);

    --main-color-1: #8b2d9b;
    --main-color-2: #3123ae;
    --main-color-3: #c56cd6;
    --secondary-color-1: #c2c2c2;
    --secondary-color-2: #3472F7;
    --secondary-color-3: #4caf50;
    --secondary-color-4: #ffc107;
    --secondary-color-5: #d32f2f;

    /* =============== */
    
    --background-color: #f5f5f5; 
    --todo-done-color: #eaeaea; 
    --todo-sidebar-hover-color: #e6e6e6;
    --todo-sidebar-active-color: #e6e6e6;


    --sidebar-color-1: #ffffff;
    --sidebar-color-2: #ffffff;
    --sidebar-color-3: #ffffff;
    --sidebar-color-4: #ffffff;

    --primary-color: rgb(87, 51, 141);
    --primary-border-color: rgb(87, 51, 141);
    --primary-focus-color: rgb(167, 121, 235);
    --primary-border-focus-color: rgb(167, 121, 235);
    --primary-bkg-color: rgb(114, 75, 173);

}