:root{
    /* font */
    --font-no: 'Noto Sans KR', sans-serif;
    --font-su: 'SUIT', sans-serif;
    --font-pr: 'Pretandard', sans-serif;

    --white: #fff;

    /* Neutral */
    --neutral-0: #FFFFFF;
    --neutral-5: #FAFAFC;
    --neutral-10: #F6F6F9;
    --neutral-20: #EDEDF2;
    --neutral-30: #E0E3EB;
    --neutral-40: #C6CCD7;
    --neutral-50: #A3B1C2;
    --neutral-60: #7B8A9D;
    --neutral-70: #5C6675;
    --neutral-80: #363D48;
    --neutral-90: #21252C;
    --neutral-100: #121212;

    /* Yellow */
    --yellow-100: #332700;
    --yellow-90: #473700;
    --yellow-80: #664E00;
    --yellow-70: #A37D00;
    --yellow-60: #D1A000;
    --yellow-50: #F5BC00;
    --yellow-40: #FFCC24;
    --yellow-30: #FBD865;
    --yellow-20: #FDEBAF;
    --yellow-10: #FEF8E6;
    --yellow-60-low: #B2A270;

    /* Orange */
    --orange-100: #421E00;
    --orange-90: #5C2900;
    --orange-80: #7A3700;
    --orange-70: #A84C00;
    --orange-60: #DB6300;
    --orange-50: #FF7605;
    --orange-40: #FF943D;
    --orange-30: #FCB479;
    --orange-20: #FDD8B9;
    --orange-10: #FEF1E6;
    --orange-60-low: #B29077;

    /* Red */
    --red-100: #520100;
    --red-90: #770B09;
    --red-80: #A50B09;
    --red-70: #C70E0A;
    --red-60: #E81A17;
    --red-50: #FF4542;
    --red-40: #FF6966;
    --red-30: #FFA09E;
    --red-20: #FBCCCB;
    --red-10: #FDE7E7;
    --red-60-low: #B2777E;

    /* Magenta */
    --magenta-100: #560144;
    --magenta-90: #6F0157;
    --magenta-80: #940074;
    --magenta-70: #C10198;
    --magenta-60: #E70DB8;
    --magenta-50: #FB41D3;
    --magenta-40: #FC73DE;
    --magenta-30: #FDA0E8;
    --magenta-20: #FDC3F0;
    --magenta-10: #FEE6F9;
    --magenta-60-low: #B277A9;

    /* Purple */
    --purple-100: #280543;
    --purple-90: #540873;
    --purple-80: #74009E;
    --purple-70: #9A00D0;
    --purple-60: #B819F0;
    --purple-50: #C84EF4;
    --purple-40: #CF78ED;
    --purple-30: #DFA5F3;
    --purple-20: #EFC9FD;
    --purple-10: #F8E6FE;
    --purple-60-low: #A170B2;

    /* Blue */
    --blue-100: #001542;
    --blue-90: #002D7A;
    --blue-80: #0141B1;
    --blue-70: #025AF6;
    --blue-60: #2773F7;
    --blue-50: #5390F9;
    --blue-40: #75A6FA;
    --blue-30: #99BEFF;
    --blue-20: #C2D8FF;
    --blue-10: #E7EFFD;
    --blue-60-low: #778DB2;

    /* Skyblue */
    --skyblue-100: #01262D;
    --skyblue-90: #013F4C;
    --skyblue-80: #015D6F;
    --skyblue-70: #0287A1;
    --skyblue-60: #00A6C7;
    --skyblue-50: #02BFE4;
    --skyblue-40: #20D9FD;
    --skyblue-30: #65E1FB;
    --skyblue-20: #A5EEFD;
    --skyblue-10: #E6FAFE;
    --skyblue-60-low: #70A2B2;

    /* Mint */
    --mint-100: #014E45;
    --mint-90: #016459;
    --mint-80: #008475;
    --mint-70: #02A694;
    --mint-60: #02C5AE;
    --mint-50: #02D9C1;
    --mint-40: #41E7D3;
    --mint-30: #73EDDF;
    --mint-20: #B2F5ED;
    --mint-10: #E6FCF9;
    --mint-60-low: #70B2AA;

    /* Green */
    --green-100: #0C4E01;
    --green-90: #0E6401;
    --green-80: #128400;
    --green-70: #18A602;
    --green-60: #1CC502;
    --green-50: #1FD902;
    --green-40: #63E84F;
    --green-30: #8BEE7C;
    --green-20: #BBF5B2;
    --green-10: #E9FCE6;
    --green-60-low: #79B270;

    /* Alpha */
    --alpha-5: rgba(0,0,0,0.05);
    --alpha-10: rgba(0,0,0,0.10);
    --alpha-20: rgba(0,0,0,0.20);
    --alpha-30: rgba(0,0,0,0.30);
    --alpha-40: rgba(0,0,0,0.40);
    --alpha-50: rgba(0,0,0,0.50);
    --alpha-60: rgba(0,0,0,0.60);
    --alpha-70: rgba(0,0,0,0.70);
    --alpha-80: rgba(0,0,0,0.80);
    --alpha-90: rgba(0,0,0,0.90);

    /* Opacity */
    --opacity-0: 0;
    --opacity-2: 2;
    --opacity-4: 4;
    --opacity-8: 8;
    --opacity-40: 40;
    --opacity-70: 70;
    --opacity-80: 80;

    /* Dimension unit (0.4rem step) */
    --st-dimension-unit-x0_5: 0.5;
    --st-dimension-unit-x1: 1;
    --st-dimension-unit-x1_5: 1.5;
    --st-dimension-unit-x2: 2;
    --st-dimension-unit-x2_5: 2.5;
    --st-dimension-unit-x3: 3;
    --st-dimension-unit-x3_5: 3.5;
    --st-dimension-unit-x4: 4;
    --st-dimension-unit-x5: 5;
    --st-dimension-unit-x6: 6;
    --st-dimension-unit-x7: 7;
    --st-dimension-unit-x7_5: 7.5;
    --st-dimension-unit-x8: 8;
    --st-dimension-unit-x10: 10;
    --st-dimension-unit-x15: 15;
}