// Color Palette - Brand Primary
@color-primary-0: #D5E7FF;
@color-primary-1: #AACFFF;
@color-primary-2: #7FB7FF;
@color-primary-3: #559EFF;
@color-primary-4: #2A86FF;
@color-primary-5: #006EFF;
@color-primary-6: #0058DF;
@color-primary-7: #0042BF;
@color-primary-8: #002DA0;
@color-primary-9: #001780;


// Color Palette - Brand Success
@color-success-0: #D6F5E5;
@color-success-1: #ACEACA;
@color-success-2: #83E0B0;
@color-success-3: #5AD695;
@color-success-4: #30CB7A;
@color-success-5: #07C160;
@color-success-6: #06A95A;
@color-success-7: #059154;
@color-success-8: #04784D;
@color-success-9: #036047;


// Color Palette - Brand Warning
@color-warning-0: #FFEFD9;
@color-warning-1: #FFDEB2;
@color-warning-2: #FFCE8C;
@color-warning-3: #FFBD66;
@color-warning-4: #FFAD3F;
@color-warning-5: #FF9C19;
@color-warning-6: #E27D13;
@color-warning-7: #C55E0C;
@color-warning-8: #A94006;
@color-warning-9: #8C2100;


// Color Palette - Brand Danger
@color-danger-0: #FFE3E1;
@color-danger-1: #FFC7C3;
@color-danger-2: #FFACA6;
@color-danger-3: #FF9088;
@color-danger-4: #FF746A;
@color-danger-5: #FF584C;
@color-danger-6: #E84244;
@color-danger-7: #D22C3C;
@color-danger-8: #BC1634;
@color-danger-9: #A5002C;


// Color Palette - White
@color-white-0: #FFFFFF;


// Color Palette - Black
@color-black-0: #000000;
@color-black-1: #444444;
@color-black-2: #888888;
@color-black-3: #BBBBBB;


// Color Palette - Gray
@color-gray-0: #F4F5F9;
@color-gray-1: #E4E5E9;
@color-gray-2: #BEC3C7;
@color-gray-3: #C1C6C8;
@color-gray-4: #A2AAAD;
@color-gray-5: #7C878E;
@color-gray-6: #6C757C;
@color-gray-7: #5D646A;
@color-gray-8: #4E5359;
@color-gray-9: #3E4147;


// Default Color
@color-brand:   @color-primary-5;
@color-success: @color-success-5;
@color-warning: @color-warning-5;
@color-danger:  @color-danger-5;
@color-info:    @color-primary-5;
@color-link:    @color-primary-5;


// Icon Color
@icon-base-color:    @color-black-1;
@icon-primary-color: @color-brand;
@icon-success-color: @color-success;
@icon-warning-color: @color-warning;
@icon-danger-color:  @color-danger;


// Text Color
@text-color:                    @color-black-1;
@text-base-color:               @color-black-0;      // 文字基本色
@text-base-inverse-color:       @color-white-0;      // 反色
@text-light-color:              @color-black-2;      // 弱色
@text-disabled-color:           @color-black-3;      // 禁用文字色
@text-primary-color:            @color-brand;        // 主要文字色
@text-primary-dark-color:       @color-primary-8;    // 主要文字深色，用于Alert组件文字
@text-primary-disabled-color:   @color-primary-1;    // 主要文字禁用色
@text-secondary-color:          @color-gray-3;       // 次要文字色
@text-secondary-dark-color:     @color-gray-8;       // 次要文字深色
@text-secondary-disabled-color: @color-gray-1;       // 次要文字禁用色
@text-success-color:            @color-success;      // 成功文字色
@text-success-dark-color:       @color-success-8;    // 成功文字深色，用于Alert组件文字
@text-success-disabled-color:   @color-success-1;    // 成功文字禁用色
@text-warning-color:            @color-warning;      // 警示文字色
@text-warning-dark-color:       @color-warning-8;    // 警示文字深色，用于Alert组件文字
@text-warning-disabled-color:   @color-warning-1;    // 警示文字禁用色
@text-danger-color:             @color-danger;       // 错误文字色
@text-danger-dark-color:        @color-danger-8;     // 错误文字深色，用于Alert组件文字
@text-danger-disabled-color:    @color-danger-1;     // 错误文字禁用色
@text-placeholder-color:        @color-black-3;       // Placeholder色值


// Link Color
@link-color:              @color-link;
@link-hover-color:        @color-primary-6;
@link-disabled-color:     @color-primary-1;


// Border Color
@border-color:                     @color-gray-5;
@border-hover-color:               @color-gray-6;
@border-disabled-color:            @color-gray-1;
@border-divider-color:             @color-gray-1;      // 分割线
@border-primary-color:             @color-brand;
@border-primary-hover-color:       @color-primary-6;
@border-primary-disabled-color:    @color-primary-1;
@border-secondary-color:           @color-gray-3;
@border-secondary-hover-color:     @color-gray-4;
@border-secondary-disabled-color:  @color-gray-1;
@border-success-color:             @color-success;
@border-success-hover-color:       @color-success-6;
@border-success-disabled-color:    @color-success-1;
@border-warning-color:             @color-warning;
@border-warning-hover-color:       @color-warning-6;
@border-warning-disabled-color:    @color-warning-1;
@border-danger-color:              @color-danger;
@border-danger-hover-color:        @color-danger-6;
@border-danger-disabled-color:     @color-danger-1;


// Background Color
@background-base-color:               @color-white-0;
@background-base-hover-color:         @color-gray-1;
@background-base-disabled-color:      @color-gray-1;
@background-primary-color:            @color-brand;
@background-primary-hover-color:      @color-primary-6;
@background-primary-disabled-color:   @color-primary-1;
@background-primary-light-color:      @color-primary-0;   // 浅主要背景色，用于Alert组件
@background-secondary-color:          @color-gray-3;
@background-secondary-hover-color:    @color-gray-4;
@background-secondary-disabled-color: @color-gray-1;
@background-secondary-light-color:    @color-gray-0;
@background-success-color:            @color-success;
@background-success-hover-color:      @color-success-6;
@background-success-disabled-color:   @color-success-1;
@background-success-light-color:      @color-success-0;   // 浅成功背景色，用于Alert组件
@background-warning-color:            @color-warning;
@background-warning-hover-color:      @color-warning-6;
@background-warning-disabled-color:   @color-warning-1;
@background-warning-light-color:      @color-warning-0;   // 浅警示背景色，用于Alert组件
@background-danger-color:             @color-danger;
@background-danger-hover-color:       @color-danger-6;
@background-danger-disabled-color:    @color-danger-1;
@background-danger-light-color:       @color-danger-0;    // 浅错误背景色，用于Alert组件


// Form Component： Switch、Numeric Input、Checkbox...
@form-base-color:                       @color-white-0;
@form-base-disabled-color:              @color-gray-1;
@form-active-color:                     @color-brand;
@form-active-disabled-color:            @color-primary-1;
@form-background-base-color:            @color-white-0;
@form-background-base-hover-color:      @color-gray-1;
@form-background-base-disabled-color:   @color-gray-1;
@form-background-active-color:          @color-brand;
@form-background-active-disabled-color: @color-primary-1;
@form-border-color:                     @color-gray-4;
@form-border-disabled-color:            @color-gray-1;
@form-border-active-color:              @color-brand;
@form-border-active-disabled-color:     @color-primary-1;
@form-text-disabled-color:              @color-black-2;