@import "../mixins/index";



$color-primary-0:#dbebff;
$color-primary-1:#b7d6ff;
$color-primary-2:#92c2ff;
$color-primary-3:#6eadff;
$color-primary-4:#4a99ff;
$color-primary-5:#2684ff;
$color-primary-6:#1c6ae4;
$color-primary-7:#134fc8;
$color-primary-8:#0935ad;
$color-primary-9:#001b92;

$color-error-0: #F4DEDF ;
$color-error-1: #E8BEBE ;
$color-error-2: #dd9d9e ;
$color-error-3: #d27c7e ;
$color-error-4: #c65c5d ;
$color-error-5: #bb3b3d ;
$color-error-6: #a3333b ;
$color-error-7: #8c2c39 ;
$color-error-8: #742536 ;
$color-error-9: #5d1d34 ;

// success
$color-success-0: #d7efe2 ;
$color-success-1: #aedec4 ;
$color-success-2: #85cea7 ;
$color-success-3: #5dbe8a ;
$color-success-4: #34ad6c ;
$color-success-5: #0c9d4f ;
$color-success-6: #0a894a ;
$color-success-7: #097545 ;
$color-success-8: #07623f ;
$color-success-9: #064e3a ;

// warning
// $color-warning-0: #f7e4d6 ;
// $color-warning-1: #efcaac ;
// $color-warning-2: #e8af82 ;
// $color-warning-3: #e09459 ;
// $color-warning-4: #d87a2f ;
// $color-warning-5: #d05f06 ;
// $color-warning-6: #b64b05 ;
// $color-warning-7: #9c3605 ;
// $color-warning-8: #822204 ;
// $color-warning-9: #680e03 ;

$color-warning-0:#f9f2de;
$color-warning-1:#f2e4bc;
$color-warning-2:#ecd79a;
$color-warning-3:#e6c979;
$color-warning-4:#dfbc57;
$color-warning-5:#d9ae36;
$color-warning-6:#bf912e;
$color-warning-7:#a67426;
$color-warning-8:#8c581e;
$color-warning-9:#723b16;

// neutral
// $color-neutral-0: #e7eaef ;
// $color-neutral-1: #cfd5de ;
// $color-neutral-2: #b7c1ce ;
// $color-neutral-3: #9eacbe ;
// $color-neutral-4: #8697ad ;
// $color-neutral-5: #6e829d ;
// $color-neutral-6: #60708a ;
// $color-neutral-7: #525e76 ;
// $color-neutral-8: #444c63 ;
// $color-neutral-9: #363a50 ;

//##################################################

$color-primary: $color-primary-5 ; // 色彩-品牌-可操作
$color-warning: $color-warning-5 ; // 色彩-功能-警告
$color-error: $color-error-5 ; // 色彩-功能-失败
$color-success: $color-success-5 ; // 色彩-功能-成功

$color-primary-disabled: $color-primary-7;
$color-error-disabled: $color-error-9;
$color-warning-disabled: $color-warning-9;
$color-success-disabled: $color-success-9;


// 背景色
$color-bg-fade: rgba(211, 222, 235, 0.9)  ;

$color-bg: #1e222d ;
$color-bg-hover: #262f3e; //本身是白底的hover色，
$color-bg-focus: #262f3e ;
$color-bg-active: #151822 ;
$color-bg-disabled: #262f3e ; //

$color-bg-second: #11131c; ; // 用于控制台大灰底
// $color-bg-second: #151822; ; // 用于控制台大灰底
$color-bg-second-hover: #1e222d ; // 如果0号作为底色，hover则用 $color-neutral-1 色 50% 的透明

$color-bg-gray: #262f3e; // 用于白底上的灰底模块  即$color-neutral-0 色 50% 透明度
$color-bg-gray-hover: #344158;

// $bg-msg-color: $color-primary-0 ;
// $bg-msg-success-color: $color-success-0 ;
// $bg-msg-warning-color: $color-warning-1 ;
// $bg-msg-error-color: $color-error-0 ;

// 文本色
$color-text: rgba(211, 222, 235, 0.9) ; // 默认文本颜色
$color-text-weight: rgba(255, 255, 255, 1) ;
$color-text-label: rgba(211, 222, 235, 0.6) ;
$color-text-weak: rgba(211, 222, 235, 0.4) ;
$color-text-disabled: rgba(211, 222, 235, 0.4) ;
$color-text-anti-primary: #ffffff ;
$color-text-tooltips:rgba(0, 0, 0, 0.9);
$color-text-primary:$color-primary-3;
$color-text-success:$color-success-3 ;
$color-text-error:$color-error-3 ;
$color-text-warning:$color-warning-3 ;

// $text-msg-color: $color-primary-7 ;
// $text-msg-success-color: $color-success-8 ;
// $text-msg-warning-color: $color-warning-8 ;
// $text-msg-error-color: $color-error-7 ;

// 边框
$color-border: #344158 ; // 边框，描边颜色
$color-border-hover: #425472 ;
$color-border-inner: #344158 ; // 内部分割线
$color-border-disabled: #344158;

// $border-msg-color: $color-primary-4 ;
// $border-msg-success-color: $color-success-4 ;
// $border-msg-warning-color: $color-warning-4 ;
// $border-msg-error-color: $color-error-4 ;

// 字号
$font-size-default: 12px ;
$font-size-l: 14px ;
$font-size-xl: 16px ;
$font-size-xxl: 24px ;
$font-size-xxxl: 36px ;

$line-height-default:1.5; // 默认行高
$line-height-fz-default: 20px ; // fz-default 对应的行高
$line-height-fz-l: 22px ; // fz-l 对应的行高
$line-height-fz-xl: 24px ; // fz-xl 对应的行高
$line-height-fz-xxl: 32px ; // fz-xxl 对应的行高
$line-height-fz-xxxl: 52px ; // fz-xxxl 对应的行高

$font-size-h1: $font-size-xxxl ;
$font-size-h2: $font-size-xxl ;
$font-size-h3: $font-size-l ;
$font-size-h4: $font-size-l ;
$font-size-h5: $font-size-default ;
$font-size-h6: $font-size-default ;

// Font-width
$font-weight-normal: 400 ;
$font-weight-bold: 700 ;

// 阴影
$box-shadow-s:0px 0px 1px 0 #000;
$box-shadow: 0px 0px 1px 0 #000 ;

// 遮罩
$mask-color: rgba(0, 0, 0, 0.8) ;

// 圆角
$border-radius: 0px ;

//表单高度影响范围：
//button、segment、input、inputgroup、autocomplete、select、dropdown、search、tagsearch、taginput、slider、inputnumber、datepicker、cascader、region-select
$form-height: 30px ;
$form-placeholder:$color-text-weak;

$icon-color-default:#878E9A;
$icon-color-weight:#b7c1ce;
$icon-color-primary:$color-primary ;
$icon-color-error:$color-error ;
$icon-color-warning:$color-warning ;
$icon-color-success:$color-success ;

$img-color:"dark";


::-webkit-scrollbar{
    background-color: $color-bg;
    width: 10px;
    height: 10px;
    border-radius: 9px;
}
::-webkit-scrollbar-thumb{
    border-radius: 9px;
    background-clip: content-box;
    border: 1px solid transparent;
    background-color: #344158;
    &:hover{
        background-color: #425472 ;
    }
}
::-webkit-scrollbar-corner{
    background-color: transparent;
  }

// button

$btn-primary-color-text-disabled:$color-text-disabled;
// $btn-primary-color-bg-disabled:$color-primary-disabled;
// $btn-primary-color-border-disabled:$color-primary-disabled;

$btn-pay-color-text-disabled:$color-text-disabled;
// $btn-pay-color-bg-disabled:$color-warning-9;
// $btn-pay-color-border-disabled:$color-warning-9;

$btn-error-color-text-disabled:$color-text-disabled;
// $btn-error-color-bg-disabled:$color-error-9;
// $btn-error-color-border-disabled:$color-error-9;

$btn-primary-color-text-disabled:$color-text-disabled;
// $btn-primary-color-bg-disabled:$color-primary-9;
// $btn-primary-color-border-disabled:$color-primary-9;

$btn-weak-color-text-disabled:$color-text-disabled;
$btn-weak-color-bg-disabled:$color-bg-disabled;

// 空白页
$blank-color-bg:#1e222d;

//
$card-color-bg:#1e222d ;

//
$bubble-dark-color-text:$color-text;
$bubble-dark-color-border:#344158;
$bubble-dark-color-bg:#344158;

// 红色气泡
$bubble-error-color-text:$color-error-4;
$bubble-error-color-border:$color-error-9;
$bubble-error-color-bg:$color-error-9;

//
$alert-primary-color-bg:$color-primary-8 ;
$alert-primary-color-border:$color-primary-8 ;
$alert-primary-color-text:$color-text-primary ;
$alert-primary-color-icon:$color-text-primary ;

$alert-error-color-bg:$color-error-8 ;
$alert-error-color-border:$color-error-8 ;
$alert-error-color-text:$color-text-error ;
$alert-error-color-icon:$color-text-error ;

$alert-warning-color-bg:$color-warning-8 ;
$alert-warning-color-border:$color-warning-8 ;
$alert-warning-color-text:$color-text-warning ;
$alert-warning-color-icon:$color-text-warning ;

$alert-success-color-bg:$color-success-8 ;
$alert-success-color-border:$color-success-8 ;
$alert-success-color-text:$color-text-success ;
$alert-success-color-icon:$color-text-success ;

$alert-notice-color-bg-icon:$color-bg-second;
// badge
$badge-primary-color-bg:$color-primary-8;
$badge-primary-color-border:$color-primary-8;
$badge-primary-color-text:$color-text-primary;

$badge-warning-color-bg:$color-warning-8;
$badge-warning-color-border:$color-warning-8;
$badge-warning-color-text:$color-text-warning;

$badge-error-color-bg:$color-error-8;
$badge-error-color-border:$color-error-8;
$badge-error-color-text:$color-text-error;

$badge-success-color-bg:$color-success-8;
$badge-success-color-border:$color-success-8;
$badge-success-color-text:$color-text-success;

//
$input-color-bg-disabled:$color-bg-disabled;

//
$calendar-range-color-bg:#344158;
//
$progress-color-base-bg:#262f3e;

//
$radio-bg-color-disabled:#344158;
$radio-border-color:#425472;

//
$drawer-top-line-color:$color-bg-second;

//menu
$menu-light-bg:#1e222d;
$menu-light-border-right:none ;
$menu-light-border-left:1px solid $color-border;
$menu-light-text:#C1C6C8;
$menu-light-text-expanded:#C1C6C8;
$menu-light-text-selected:#fff;
$menu-light-item-bg-selected:rgba(52,66,88,0.6) !default;
$menu-light-item-bg-hover:#262F3E;
$menu-light-item-bg-expanded:rgba(52,66,88,0.6);
$menu-light-fold-border:#262F3E;
$menu-light-fold-bg:#262F3E;
$menu-light-fold-bg-hover:#344258;

// switch
$switch-color-bg:#425472;;
$switch-color-bg-disabled:#344158;

//
$tabs-ceiling-color-bg:#1e222d  ;
$tabs-ceiling-line-color-bg:$color-bg-second ;
$tabs-ceiling-gap:2px;

//
$tag-default-color-bg:#344158;
$tag-primary-color-bg:$color-primary-8 ;
$tag-primary-color-text:$color-text-primary ;
$tag-primary-color-border:$color-primary-8 ;
$tag-primary-dark-color-text:$color-text-weight ;

$tag-warning-color-bg:$color-warning-8 ;
$tag-warning-color-text:$color-text-warning ;
$tag-warning-color-border:$color-warning-8 ;
$tag-warning-dark-color-text:$color-text-weight ;

$tag-error-color-bg:$color-error-8 ;
$tag-error-color-text:$color-text-error ;
$tag-error-color-border:$color-error-8 ;
$tag-error-dark-color-text:$color-text-weight ;

$tag-success-color-bg:$color-success-8 ;
$tag-success-color-text:$color-text-success ;
$tag-success-color-border:$color-success-8 ;
$tag-success-dark-color-text:$color-text-weight ;

//
$slider-base-color-bg:#262F3E ;
$slider-base-color-bg-hover:#344158 ;
$slider-base-color-bg-disabled:#262F3E ;

$notification-box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
$notification-success-color-bg:$color-success-8 ;
$notification-success-footer-color-bg:rgba($color-success-0,0.05) ;
$notification-success-color-text:$color-text-success  ;
$notification-error-color-bg:$color-error-8  ;
$notification-error-footer-color-bg:rgba($color-error-0,0.05)  ;
$notification-error-color-text:$color-text-error  ;
$notification-warning-color-bg:$color-warning-8  ;
$notification-warning-footer-color-bg:rgba($color-warning-0,0.05)  ;
$notification-warning-color-text:$color-text-warning  ;

// step
$step-alternative-num-color-bg:$color-primary-8;
$step-alternative-num-color-border:$color-primary-8;
$step-alternative-num-color-text:$color-text-primary;

$step-vertical-num-color-bg:$color-primary-8;
$step-vertical-num-color-border:$color-primary-8;
$step-vertical-num-color-text:$color-text-primary ;

//
$layout-header-color-bg:#1e222d;
$layout-header-line-color-bg:$color-bg-second ;

// guide
$guide-flashing-light-bg: #F5BD40;