:root {
    /* primary */
    --color-primary-normal: #ff329b;
    --color-primary-middle: #ffebf5;
    --color-primary-light: #fff5fa;
    --color-primary-gradation-2: linear-gradient(90deg, #ff329b 0%, #ff9100 100%);
    --color-primary-gradation-3: linear-gradient(90deg, #ff329b 0%, #ff5365 50%, #ff9100 100%);

    /* static */
    --color-static-white: #fff;
    --color-static-black: #000;

    /* gray */
    --color-gray-900: #222;
    --color-gray-800: #444;
    --color-gray-700: #5a5a5a;
    --color-gray-600: #777;
    --color-gray-500: #888;
    --color-gray-400: #aaa;
    --color-gray-300: #ddd;
    --color-gray-200: #eee;
    --color-gray-100: #f0f0f0;
    --color-gray-50: #f5f5f5;

    /* disable */
    --color-disable-normal:#ccc;
    --color-disable-strong: #aaa;
    --color-disable-assistive: #eee;

    /* dimmer */
    --color-dimmer-50: rgba(0, 0, 0, 0.5);
    --color-dimmer-20: rgba(0, 0, 0, 0.2);
    --color-dimmer-3: rgba(0, 0, 0, 0.03);

    /* status */
    --color-status-info-normal: #5382fa;
    --color-status-info-middle: #eaf0ff;
    --color-status-info-light: #f8faff;
    --color-status-success-normal: #31bf4c;
    --color-status-success-middle: #e0f6e4;
    --color-status-caution-normal: #ff9200;
    --color-status-caution-middle: #fff3d5;
    --color-status-error-normal: #ff5c54;
    --color-status-error-middle: #ffe2e0;

    /* unit */
    /* member */
    --color-unit-member-vvip: linear-gradient(90deg, #ff329b 0%, #ff9100 100%);
    --color-unit-member-vip: #ff329b;
    --color-unit-member-gold: #eeb940;
    --color-unit-member-family: #5382fa;
    --color-unit-member-welcome: #aaa;
}