:root {
    /* GRAY */
    --gray-50: #F2F4F6;
    --gray-100: #DBE1E6;
    --gray-200: #C1CCD5;
    --gray-300: #A5B5C1;
    --gray-400: #859AAA;
    --gray-500: #637E92;
    --gray-600: #52697A;
    --gray-700: #3E505E;
    --gray-800: #2B3943;
    --gray-900: #182128;

    /* BLUE */
    --blue-50: #EEF6FF;
    --blue-100: #D1E6FE;
    --blue-200: #AFD4FD;
    --blue-300: #88BFFA;
    --blue-400: #58A5F6;
    --blue-500: #0088F0;
    --blue-600: #0072CA;
    --blue-700: #00579D;
    --blue-800: #003E73;
    --blue-900: #002548;

    /* PURPLE */
    --purple-50: #F3EFFF;
    --purple-100: #DDD4FF;
    --purple-200: #C6B5FF;
    --purple-300: #AD90FD;
    --purple-400: #9361F8;
    --purple-500: #7A00F0;
    --purple-600: #6600CA;
    --purple-700: #4E009D;
    --purple-800: #370073;
    --purple-900: #200048;

    /* ORANGE */
    --orange-50: #FFF3EF;
    --orange-100: #FFDDD2;
    --orange-200: #FFC5B2;
    --orange-300: #FEA98E;
    --orange-400: #F88662;
    --orange-500: #F05C29;
    --orange-600: #CA4C21;
    --orange-700: #9D3A17;
    --orange-800: #73280E;
    --orange-900: #481605;

    /* RED */
    --red-50: #FEF0ED;
    --red-100: #FCD6CE;
    --red-200: #F8B8AA;
    --red-300: #F09683;
    --red-400: #E56D54;
    --red-500: #D53514;
    --red-600: #B32B0F;
    --red-700: #8B1F09;
    --red-800: #651404;
    --red-900: #3F0902;

    /* YELLOW */
    --yellow-50: #FEFBF1;
    --yellow-100: #FCF4D9;
    --yellow-200: #FAECBD;
    --yellow-300: #F8E39B;
    --yellow-400: #F6D76F;
    --yellow-500: #F3CA27;
    --yellow-600: #CDAA1F;
    --yellow-700: #9F8416;
    --yellow-800: #745F0D;
    --yellow-900: #493B05;

    /* GREEN */
    --green-50:  #F0F9F3;
    --green-100: #D9F0E0;
    --green-200: #B9E2C5;
    --green-300: #8ED0A2;
    --green-400: #5CBA7A;
    --green-500: #35A65A;
    --green-600: #2B8A4A;
    --green-700: #216D3A;
    --green-800: #18512B;
    --green-900: #0F351C;
}