:root {
    --PRIMARY10: #ffffff;
    --PRIMARY20: #f8f9fa;
    --PRIMARY30: #b8b8b8;
    --PRIMARY40: #44474b;
    --PRIMARY50: #212529;
    --PRIMARY60: #0d0f10;
    --PRIMARY70: #000001;

    --SECONDARY10: #e9ecef;
    --SECONDARY20: #adb5bd;
    --SECONDARY30: #58656b;
    --SECONDARY40: #293940;
    --SECONDARY50: #11232b;
    --SECONDARY60: #0f2027;
    --SECONDARY70: #0c191e;
    --SECONDARY80: #091216;
    --SECONDARY90: #050a0d;
    --SECONDARY100: #020304;

    --RED10: #fff1f0;
    --RED20: #ffccc7;
    --RED30: #ffa39e;
    --RED40: #ff7875;
    --RED50: #ff4d4f;
    --RED60: #f5222d;
    --RED70: #cf1322;
    --RED80: #a8071a;
    --RED90: #820014;
    --RED100: #5c0011;

    --GREEN10: #f6ffed;
    --GREEN20: #d9f7be;
    --GREEN30: #b7eb8f;
    --GREEN40: #95de64;
    --GREEN50: #73d13d;
    --GREEN60: #52c41a;
    --GREEN70: #389e0d;
    --GREEN80: #237804;
    --GREEN90: #135200;
    --GREEN100: #092b00;

    --BLUE10: #e6f7ff;
    --BLUE20: #bae7ff;
    --BLUE30: #91d5ff;
    --BLUE40: #69c0ff;
    --BLUE50: #40a9ff;
    --BLUE60: #1890ff;
    --BLUE70: #096dd9;
    --BLUE80: #0050b3;
    --BLUE90: #003a8c;
    --BLUE100: #002766;

    --YELLOW10: #feffe6;
    --YELLOW20: #ffffb8;
    --YELLOW30: #fffb8f;
    --YELLOW40: #fff566;
    --YELLOW50: #ffec3d;
    --YELLOW60: #fadb14;
    --YELLOW70: #d4b106;
    --YELLOW80: #ad8b00;
    --YELLOW90: #876800;
    --YELLOW100: #614700;

    --PURPLE10: #f9f0ff;
    --PURPLE20: #efdbff;
    --PURPLE30: #d3adf7;
    --PURPLE40: #b37feb;
    --PURPLE50: #9254de;
    --PURPLE60: #722ed1;
    --PURPLE70: #531dab;
    --PURPLE80: #391085;
    --PURPLE90: #22075e;
    --PURPLE100: #120338;

    --NEUTRAL10: #ffffff;
    --NEUTRAL20: #fafafa;
    --NEUTRAL30: #f5f5f5;
    --NEUTRAL40: #f0f0f0;
    --NEUTRAL50: #d9d9d9;
    --NEUTRAL60: #bfbfbf;
    --NEUTRAL70: #8c8c8c;
    --NEUTRAL80: #595959;
    --NEUTRAL90: #434343;
    --NEUTRAL100: #262626;
}