/* color variables */
$black: #000;
$white: #fff;
$gray: #c9c9c9;
$gray-light: #e5e5e5;
$gray-darker: #666;
$gray-dark: #999;

$gray-1: #f7f8fa;
$gray-2: #f2f3f5;
$gray-3: #ebedf0;
$gray-4: #dcdee0;
$gray-5: #c8c9cc;
$gray-6: #969799;
$gray-7: #646566;
$gray-8: #323233;
$red: #ee0a24;
$blue: #1989fa;
$orange: #ff976a;
$orange-dark: #ed6a0c;
$orange-light: #fffbe8;
$green: #07c160;
/** 自定义*/
$yellow:#f1a325;
$purple: #8666b8;
$brown: #bd7b46;
$green-pale:#ddf4df;
$yellow-pale:#fff0d5;
$red-pale:  #ffe5e0;
$blue-pale: #ddf3f5;
$brown-pale:#f7ebe1;
$purple-pale:#f5eeff;
$info:#ff5b05;
$gray-b2: #B2B2B2;

$btn-primary:#409eff;
$btn-success: #67c23a;
$btn-info: #909399;
$btn-warning: #e6a23c;
$btn-danger: #f56c6c;

/* default colors */
$text-color: #333;
$border-color: $gray-light;
$active-color: #e8e8e8;
$background-color: #f8f8f8;

$border-width-base: 1px;
/* button */
$button-default-color: $text-color;
$button-default-background-color: $white;
$button-default-border-color: $border-color;
$button-primary-color: $white;
$button-primary-background-color: $blue;
$button-primary-border-color: $blue;
$button-danger-color: $white;
$button-danger-background-color:$red;
$button-danger-border-color: $red;
$button-info-color: $white;
$button-info-background-color: $blue;
$button-info-border-color: $blue;
$button-warning-color: $white;
$button-warning-background-color: $orange;
$button-warning-border-color: $orange;
$button-disabled-color: $gray-dark;
$button-disabled-background-color: $active-color;
$button-disabled-border-color: $border-color;
$button-bottom-action-default-color: $white;
$button-bottom-action-default-background-color: #f85;
$button-bottom-action-primary-color: $white;
$button-bottom-action-primary-background-color: $red;
$button-border-width:$border-width-base;
$button-plain-background-color: $white;

// font-size vars
$fontsize-large-xxxx :30px;
$fontsize-large-xxx :24px;
$fontsize-large-xx : 20px;
$fontsize-large-x : 18px;
$fontsize-large : 16px;
$fontsize-medium : 14px;
$fontsize-small : 12px;
$fontsize-small-s : 10px;

// radius-size
$radius-size-medium : 5px;

// box-shadow
$box-shadow-content : 0 1px 3px rgba(0, 0, 0, .1);
