:root {

    /*  primary color */
    --primary-color: #433AEB;
    --primary-rgb: 67, 58, 235;

    /* text-color 1 */
    --text-color-1: #3C3C3C;
    --text-color-2: #636363;
    --text-color-3: #9AA9A0;
    --text-color-4: #787575;
    --text-color-5: #EBEBEB;
    --text-color-6: #5B6B68;
    --text-color-7: #FB2C36;
    --text-color-8: #6E6E6E;
    --text-color-9: #969DA8;
    --text-color-10:#5D646F;
    --text-color-11:#677788;
    --text-color-12:#364153;
    --text-color-13: #E62B34;

    /* black color */
    --black-color: #272727;
    --black-color-rgb: 39, 39, 39;

    /* white color */
    --white-color: #ffffff;
    --white-color-rgb: 255, 255, 255;

    /* border color */
    --border-1: #E2ECF9;
    --border-2: #D9D9D9;
    --border-3: #D9D9D9;
    --border-4: #E5E5E5;
    --border-5: #E5E8ED;
    --border-6: #F6F6F6;
    --border-7: #DEDEDE;
    --border-8: #F3F4F6;

    /* Bg 1 */
    --bg-1: #000000;
    --bg-2: #F2F2F2;
    --bg-3: #203524;
    --bg-4: #0C1F17;
    --bg-5: #F0EFE3;
    --bg-6: #C7FFE8;
    --bg-7: #F8F8FF;
    --bg-8: #FEF2F2;
    --bg-9: #0B0A1F;
    --bg-10: #FAFAF9;
    --bg-11: #F8F8F8;
    --bg-12: #F8FAFE;
    --bg-13: #F9FAFB;
    --bg-14: #2E303A;
    --bg-15: #F6F9F7;
    --bg-16: #FFF9F8;


    --badge-new-bg: #C7FFE8;
    --badge-improve-bg: #E2ECF9;
    --badge-fixed-bg: #F0EFE3;
    --green: #00BC7D;
    --purple: #8E51FF;

    /* Gradient */
    --gradient-1: linear-gradient(180deg, #E9F1F1 0%, #FFFFFF 100%);
    --gradient-2: radial-gradient(86.02% 217.68% at 20% 20%, #FFF 0%, #DBEAFE 60%);
    --gradient-3: linear-gradient(118deg, #FFFFFF 0%, #9f9aff 100%);

    /* Shadow */
    --shadow-1: 0px 20px 44.8px 0px #433AEB40;
    --shadow-2: 3px 6px 24px 0px #F0F4F9;
    --shadow-3: 0px 1px 2px 2px #433AEB40;
    --shadow-4: 0 1.218px 3.653px 0 rgba(0, 0, 0, 0.10), 0 1.218px 2.435px -1.218px rgba(0, 0, 0, 0.10);
    --shadow-white: 2px 1px 28.7px -2px rgba(255, 255, 255, 0.15);
    --shadow-black: 2px 1px 28.7px -2px rgba(0, 0, 0, 0.15);
    --cmn-shadow: 0 12.175px 18.263px -3.653px rgba(0, 0, 0, 0.10), 0 4.87px 7.305px -4.87px rgba(0, 0, 0, 0.10);

}