:root {
    --primary-900: #041E5C;
    --primary-800: #0F31A0;
    --primary-700: #0038D6;
    --primary-600: #003DF1;
    --primary-500: #325DF6;
    --primary-400: #6792F1;
    --primary-300: #86B2FA;
    --primary-200: #A4C8FD;
    --primary-100: #E5EDFA;
    --primary-50: #F0F4FA;
    --primary-0: #FFFFFF;

    --gray-900: #262A37;
    --gray-800: #393E4E;
    --gray-700: #495064;
    --gray-600: #5B637A;
    --gray-500: #69718B;
    --gray-400: #7E859D;
    --gray-300: #9499BA;
    --gray-200: #C4C8D4;
    --gray-100: #CFD4E0;
    --gray-50: #F2F4F8;
    --gray-0: #FFFFFF;

    --red-900: #920707;
    --red-800: #AE0B0B;
    --red-700: #C92929;
    --red-600: #DC4343;
    --red-500: #E66565;
    --red-400: #EFBCBC;
    --red-300: #EEACAC;
    --red-200: #F2CECE;
    --red-100: #F7EAEA;
    --red-50: #FEF6F6;
    --red-0: #FFFFFF;

    --yellow-900: #E6710A;
    --yellow-800: #F9A825;
    --yellow-700: #FBC02D;
    --yellow-600: #FDD835;
    --yellow-500: #FFEB3B;
    --yellow-400: #FFEE58;
    --yellow-300: #FFF176;
    --yellow-200: #FFF59D;
    --yellow-100: #FFF9C4;
    --yellow-50: #FEFAD5;
    --yellow-0: #FFFFFF;

    --green-900: #005006;
    --green-800: #007C3A;
    --green-700: #008D46;
    --green-600: #059F52;
    --green-500: #13AE5B;
    --green-400: #47BA74;
    --green-300: #6BC68C;
    --green-200: #98D6AC;
    --green-100: #C0E6CC;
    --green-50: #E9F6ED;
    --green-0: #FFFFFF;

    --blue-900: #323ECC;
    --blue-800: #2B61EC;
    --blue-700: #2473FF;
    --blue-600: #1588FF;
    --blue-500: #0097FF;
    --blue-400: #28ABFF;
    --blue-300: #58B8FF;
    --blue-200: #8DCDFF;
    --blue-100: #BBE0FF;
    --blue-50: #E4F3FE;
    --blue-0: #FFFFFF;

    /* Font */
    --font-family: 'Pretendard', sans-serif;

    --font-weight-bold:     700;
    --font-weight-semibold: 600;
    --font-weight-medium:   500;
    --font-weight-regular:  400;

    /* font-weight font-size/line-height font-family */
    --display-s:   700 24px/34px 'Pretendard', sans-serif;

    --headline-xl: 700 20px/28px 'Pretendard', sans-serif;
    --headline-l:  700 18px/24px 'Pretendard', sans-serif;
    --headline-m:  700 16px/22px 'Pretendard', sans-serif;
    --headline-s:  600 14px/20px 'Pretendard', sans-serif;
    --headline-xs: 600 13px/18px 'Pretendard', sans-serif;

    --title-l:     500 18px/24px 'Pretendard', sans-serif;
    --title-m:     500 16px/22px 'Pretendard', sans-serif;
    --title-s:     500 14px/20px 'Pretendard', sans-serif;
    --title-xs:    500 13px/18px 'Pretendard', sans-serif;
    --title-xxs:   500 12px/17px 'Pretendard', sans-serif;

    --body-l:      400 18px/24px 'Pretendard', sans-serif;
    --body-m:      400 16px/22px 'Pretendard', sans-serif;
    --body-s:      400 14px/20px 'Pretendard', sans-serif;
    --body-xs:     400 13px/18px 'Pretendard', sans-serif;

    --label:       400 12px/17px 'Pretendard', sans-serif;
    --label-xs:    400 10px/14px 'Pretendard', sans-serif;
    --label-xxs:   400  8px/11px 'Pretendard', sans-serif;

    /* Spacing */
    --spacing-xs:   4px;
    --spacing-s:    8px;
    --spacing-m:    10px;
    --spacing-l:    14px;
    --spacing-xl:   20px;
    --spacing-xxl:  30px;
    --spacing-xxxl: 60px;

    /* Radius */
    --radius-xs: 4px;
    --radius-s: 6px;
    --radius-m: 8px;
    --radius-l: 14px;
}