:root {
    --color-G100: #FBFBFB;
    --color-G150: #F6F6F8;
    --color-G200: #F0F1F2;
    --color-G300: #E6E6E8;
    --color-G400: #D1D2D4;
    --color-G500: #B3B4B5;
    --color-G600: #9A9B9C;
    --color-G700: #7E7E80;
    --color-G800: #5B5B5C;
    --color-G900: #2D2D2E;
    --color-G1000: #000000;
    --color-CG100: #F8F9FB;
    --color-CG200: #F4F7F9;
    --color-CG300: #E4E9F0;
    --color-CG400: #CAD0D9;
    --color-CG500: #9FA7B3;
    --color-CG600: #707A87;
    --color-CG700: #505A69;
    --color-CG800: #3B4655;
    --color-CG900: #252D3B;
    --color-CG950: #151A26;
    --color-DP100: #FDF4F6;
    --color-DP200: #FAE5EC;
    --color-DP300: #F4C7D5;
    --color-DP400: #EA92AD;
    --color-DP500: #E05E86;
    --color-DP600: #B64C6D;
    --color-DP700: #963F59;
    --color-DP800: #652A3C;
    --color-DP900: #3E1A25;
    --color-DP950: #261017;
    --color-B300: #AECCFC;
    --color-B400: #6FA3F7;
    --color-B500: #3B82F6;
    --color-B600: #2562C4;
    --color-R500: #F2050D;
    --color-O500: #FF6C17;
    --color-Y100: #FEF6E5;
    --color-Y200: #FCE7BB;
    --color-Y500: #F5AB0B;
    --color-GN500: #0EB07B;
    --color-linear100: linear-gradient(180deg, #FCFCFC 0%, #F8F9FB 100%);
    --color-linear200: linear-gradient(180deg, #F8F9FA 0%, #F0F1F2 100%);
    --color-primary: var(--color-B500);
    --color-primary-hover: var(--color-B400);
    --color-primary-active: var(--color-B600);
    --color-primary-disable: var(--color-B300);
    --color-danger: var(--color-R500);
    --color-success: var(--color-GN500);
    --color-tip: var(--color-Y500);
    --color-warning: var(--color-O500);
    --color-link: var(--color-B600);
    --color-font: var(--color-G900);
    --color-light: var(--color-CG600);
    --color-lighter: var(--color-CG500);
    --color-disabled: var(--color-CG500);
    --color-border: var(--color-G300);
    --color-border-light: var(--color-G200);
    --color-button-border: var(--color-G400);
    --color-button-border-hover: var(--color-B500);
    --w-normal: 1440px;
    --w-sm: 1100px;
    --w-xs: 720px;
    --spacing-normal: 32px;
    --text-xs: 12px;
    --text-sm: 14px;
    --text-base: 16px;
    --text-lg: 18px;
    --text-xl: 20px;
    --text-2xl: 22px;
    --border-radius: 3px;

    --gray-border-color: #E3E3EE;
    --gray-bg-color: #e3e3ed;
    --tab-active-bg: #F1F1F8;
    --checkbox-border-color: #D1D1E0;
}