:root{
    --text-anti-primary-color:#fff;
    --color-primary-0:#dcedff;
    --color-primary-1:#b9dcff;
    --color-primary-2:#96caff;
    --color-primary-3:#74b8ff;
    --color-primary-4:#51a7ff;
    --color-primary-5:#2e95ff;
    --color-primary-6:#005DBE ;
    --color-primary-7:#1760c3;
    --color-primary-8:#0b46a5;
    --color-primary-9:#002c87;
    --color-error-0:#ffe3e1;
    --color-error-1:#ffc7c3;
    --color-error-2:#ffaca6;
    --color-error-3:#ff9088;
    --color-error-4:#ff746a;
    --color-error-5:#ff584c;
    --color-error-6:#e84248;
    --color-error-7:#d22c45;
    --color-error-8:#bc1641;
    --color-error-9:#a5003d;
    --color-success-0:#d5f6e9;
    --color-success-1:#aaedd2;
    --color-success-2:#7fe4bc;
    --color-success-3:#55daa5;
    --color-success-4:#2ad18f;
    --color-success-5:#00c878;
    --color-success-6:#00ac6b;
    --color-success-7:#00915f;
    --color-success-8:#007552;
    --color-success-9:#005a45;
    --color-warning-0:#ffefd5;
    --color-warning-1:#ffdeaa;
    --color-warning-2:#ffce7f;
    --color-warning-3:#ffbe55;
    --color-warning-4:#ffad2a;
    --color-warning-5:#ff9d00;
    --color-warning-6:#df7b00;
    --color-warning-7:#bf5a00;
    --color-warning-8:#a03800;
    --color-warning-9:#801700;

    --color-secondary-0:#e6eaf0;
    --color-secondary-1:#ccd5e1;
    --color-secondary-2:#b3c0d2;
    --color-secondary-3:#9aaac2;
    --color-secondary-4:#8095b3;
    --color-secondary-5:#6780a4;
    --color-secondary-6:#586d8e;
    --color-secondary-7:#4a5a77;
    --color-secondary-8:#3b4761;
    --color-secondary-9:#2d344b;
    
//##################################################

    --text-color                 :#242D4E ;
    --text-weight-color          :#000000;
    --text-weak-color            :#8B9DB6;
    --text-label-color           :#41526A ;
    --text-disabled-color        :#AEBBCC;
    --text-anti-primary-color    :#ffffff;
    --text-anti-secondary-color     :#ffffff; 
    

    --text-msg-color             :var(--color-primary-8);
    --text-msg-success-color     :var(--color-success-8);
    --text-msg-warning-color     :var(--color-warning-8);
    --text-msg-error-color       :var(--color-error-8);

     // 边框
    --border-color               :#CDD3DE;
    --border-hover-color         :#6780A4 ;
    --border-weight-color        :#333333;
    --border-inner-color         :#e5e5e5;
    --border-disabled-color      :#dddddd; 

    --border-primary-hover-color :var(--color-primary-7);
    --border-primary-disabled-color :var(--color-primary-2);

    --border-secondary-color          :var(--color-secondary-5);
    --border-secondary-hover-color    :var(--color-secondary-9);
    --border-secondary-active-color   :var(--color-secondary-7);
    --border-secondary-focus-color    :var(--color-secondary-6);
    --border-secondary-disabled-color :var(--color-secondary-2); 

    

    --border-msg-color           :var(--color-primary-8);
    --border-msg-success-color   :var(--color-success-8);
    --border-msg-warning-color   :var(--color-warning-8);
    --border-msg-error-color     :var(--color-error-8);

    --bg-color                      :#ffffff;
    --bg-hover-color                :#E6ECF6 ;
    --bg-secondary-color            :#ffffff;
    --bg-secondary-hover-color      :#f2f2f2;
    --bg-weight-color               :#333333;
    --bg-disabled-color             :#f2f2f2;
    --bg-gray-color                 :#E6ECF6;
    --bg-gray-hover-color           :#AEBBCC; 
    

    --bg-primary-color           :var(--color-primary-5);
    --bg-primary-hover-color     :var(--color-primary-7);
    --bg-primary-active-color    :var(--color-primary-6);
    --bg-primary-focus-color     :var(--color-primary-7);
    --bg-primary-disabled-color  :var(--color-primary-2);

    --bg-secondary-color           :var(--color-secondary-5);
    --bg-secondary-hover-color     :var(--color-secondary-9);
    --bg-secondary-active-color    :var(--color-secondary-7);
    --bg-secondary-focus-color     :var(--color-secondary-6);
    --bg-secondary-disabled-color  :var(--color-secondary-2);
    
    --bg-msg-color               :var(--color-primary-2);
    --bg-msg-success-color       :var(--color-success-2);
    --bg-msg-warning-color       :var(--color-warning-2);
    --bg-msg-error-color         :var(--color-error-2);

    --bg-text-hover-color        :#E6ECF6; 

    --border-radius:4px;


}       
    
.#{$prefix}btn.is-loading.is-disabled .#{$prefix}icon-loading,
.#{$prefix}btn--weak.is-loading .#{$prefix}icon-loading {
    background-image: url(assets/image/slice/svg/loading-white.svg)!important;
}