:root {
     // primary colors    
    --DARK-GREY: #3C4970;
    --GRAY-SOFT: #ABB1C2;
    --MIDLE-GRAY: #77809B;
    --GRAY: #B2C7CF;
    --LIGHT-GRAY: #E2E8EA;

    --WHITE: #FFFFFF;
    --BLACK: #272828;   

    --DEFAULT: #ABB1C2; //--DEFAULT
    --PRIMARY: #3469F4; //--BLUE
    --SUCCESS: #77C29E; //--GREEN-OK
    --INFO: #92D8FF;    //--INFO:
    --WARNING: #F8AC59; //--WARNING
    --DANGER: #FF2480;  // --DANGER
    
    --ADD-COLOR-1: #8EAAFA; //--LAZURE
    --ADD-COLOR-2: #F8F9FB; //Background
    --ADD-COLOR-3: #FFFFFF;
    --ADD-COLOR-4: #FFFFFF;
    --ADD-COLOR-5: #FFFFFF;
    --ADD-COLOR-6: #FFFFFF;
    --ADD-COLOR-7: #FFFFFF;
    --ADD-COLOR-8: #FFFFFF;
    --ADD-COLOR-9: #FFFFFF;
    --ADD-COLOR-10: #FFFFFF;    

    // font
    --font: 'DinPro';
    --font-medium: 'DinProMedium';
    --font-bold: 'DinProBold';

    // sizes
    --index: calc(1vw + 1vh);
}
