// text-color
$shipber-text-color-title: #32363b;
$shipber-text-color-header: #7c8794;
$shipber-text-color-text: #bdc3c9;
$shipber-text-color-highlightWhite: #ffffff;
$shipber-text-color-grey: #a0aab7;

//background-color
$shipber-background-color: #f5f6f7;
$shipber-background-color-grey: #eff2f6;
$shipber-background-color-dialog_title: #e3e9f1;
$shipber-dialog-card-background: #f9f9f9;
$shipber-table-title-background: #f6faff;

// border-color
$shipber-border-color-input: #c6cdd5;
$shipber-border-color-1: #bdc3c9;
$shipber-border-color-2: #eaedf0;

//tag-color
$shipber-tag-normal: #4097fd;
$shipber-tag-success: #03b497;
$shipber-tag-special: #6d60ef;
$shipber-tag-warning: #efb100;
$shipber-tag-danger: #f76553;
$shipber-tag-pending: #67809f;

$shipber-tag-normal-tint: #4097fd1f;
$shipber-tag-success-tint: #03b4971f;
$shipber-tag-special-tint: #6d60ef1f;
$shipber-tag-warning-tint: #efb1001f;
$shipber-tag-danger-tint: #ff5d4a1f;
$shipber-tag-pending-tint: #eceff3;
//$shipber-tag-pending-tint-text: #67809F;

//tag-border
$shipber-tag-normal-border: #c5dffe;
$shipber-tag-success-border: #b3e8df;
$shipber-tag-warning-border: #fae7b2;
$shipber-tag-danger-border: #fcd0cb;
$shipber-tag-pending-border: #d1d8e2;
$shipber-tag-special-border: #e4e3ff;

//tag-background
$shipber-tag-normal-background: #e8f2fe;
$shipber-tag-success-background: #e0f6f2;
$shipber-tag-warning-background: #fdf5e0;
$shipber-tag-danger-background: #feecea;
$shipber-tag-pending-background: #eceff3;

// margin
// XXS XS S M L XL XXL
$shipber-num-none: 0;
$shipber-num-M: 8px;
$shipber-num-XS: 0.25 * $shipber-num-M; // 2
$shipber-num-S: 0.5 * $shipber-num-M; // 4
$shipber-num-L: 2 * $shipber-num-M; // 16
$shipber-num-XL: 3 * $shipber-num-M; // 24

$shipber-num-size-M: 6px;
$shipber-num-size-L: 2 * $shipber-num-size-M; // 12
$shipber-num-size-XL: 3 * $shipber-num-size-M; // 18

// old 定义
$primary-color: #414141;
$secondary-color: #8b7fc5;
$active-color: rgb(102, 177, 255);
$border-color: #ebebeb;
$white: #fff;
$font-color: #32363b;
$clicked-color: #4097fd;
$hover-color: #273546;

$mobile-width: 375px;
$nav-width: 999px;
$min-width: 960px;

// button color

$shipber-btn-blue: #409eff;