:root {
    --Gray-300: #D5D7DA;
    --Gray-50: #E9EAEB;
    --Light-Gray: #F8F8F8;
    --Gray-150: #717680;
    --Gray-600: #535862;
    --Gray-700: #181D27;
    --Gray-200:#8D9097;
    --Gray-100: #F5F5F5;
    --Gray-150: #A3A8B2;
    --Gray-400: rgba(255, 255, 255, 0.70);
    --Gray-800: rgba(255, 255, 255, 0.50);
    --Blue-gray-50: #a8b0bc;
    --Blue-gray-100:#EBECF1;
    --Blue-gray-700: #363F72;
    --Success-50: #ECFDF3;
    --Success-500: #12B76A;
    --Success-700: #027A48;
    --Danger-50: #FDECEC;
    --Danger-500: #bb1616;
    --Danger-700: #b40000;
    --Warning-50: #FFFAEB;
    --Warning-500: #F79009;
    --Warning-700: #B54708;
    --White: #FFF;
    --Terminated-50: #F2F2F2;
    --Terminated-500: #C0C0C0;
    --Terminated-700: #6e6d6d;
    --Text-Link: #146EF5;
    --Purple-500: #5145BA;
    --Spacing-xl: 24px;
    --Border-Radius-m: 8px;
    --HitBox: rgba(255, 255, 255, 0.00);
    --Spacing-m: 16px;
    --Spacing-xxxl: 40px;
    --Grayscale-800: #41414B;
    --Error-600: #D92D20;
    --Badge-Colors-info-background: #E8F1FE;
    --Info-500: #0dcaf0;
    --Primary-500: #0d6efd;
    --Info-700: #1A8BB4;
}