:root {
    --base-color: #FFFFFF;
    /*Blue*/
    --primary-color-50: #EFF9FB;
    --primary-color-100: #E7F6F9;
    --primary-color-200: #B2DEF0;
    --primary-color-300: #13B5EA;
    --primary-color-400: #0093D0;
    --primary-color-500: #026CB6;
    --primary-color-600: rgba(2, 108, 182, 0.04);
    --primary-color-700: #003C71;
    --primary-color-800: #014E84;
    --primary-color-900: #041E42;
    /*Red*/
    --danger-color: #B82C25;
    --danger-color-dark: #9f251f;
    /*Green*/
    --main-color: #008058;
    --main-color-300: #229971;
    --main-color-500: #008058;
    --main-color-900: #006450;
    /*Gray*/
    --light-color-100: #EBEBEB;
    --light-color-200: #E5E5E5;
    --light-color-500: #DDDDDD;
    --light-color-600: #D4D4D4;
    --light-color-700: #D5D5D5;
    --light-color-900: #C0C0C0;
    --dark-color-100: #9A9A9A;
    --dark-color-200: #808080;
    --dark-color-300: #767676;
    --dark-color-500: #606060;
    --dark-color-600: #555555;
    --dark-color-700: #3B3B3B;
    --dark-color-800: #1E1E1E;
    --dark-color-900: #000000;
    /*Font-Style*/
    --font-style: normal;
    --font-variant: normal;
    /* ICONs ::after */
    --icon-after-color: #026CB6;
}