/**
 * fontFamily
 * @type {[type]}
 */
$fontFamily: -apple-system, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;

$font-size-smest            : 11px;
$font-size-smer             : 12px;
$font-size-sm               : 13px;
$font-size-base             : 14px;
$font-size-normal           : 16px;
$font-size-lg               : 18px;
$font-size-lger             : 20px;

/**
 * brand color
 * @type {[type]}
 */
$brand-color                : #6190E8;
$brand-color-light          : #78A4F4;
$brand-color-dark           : #346FC2;

/* Color */
$color-normal               : #6190E8;
$color-primary              : #6190E8;
$color-success              : #13CE66;
$color-error                : #FF4949;
$color-warning              : #FFC82C;
$color-info                 : #78A4FA;
$color-white                : #FFF;

/* Color PalettC */
$blue-50                    : #EFF4FE;
$blue-100                   : #D7E4FE;
$blue-200                   : #BCD2FD;
$blue-300                   : #A1BFFC;
$blue-400                   : #8CB2FB;
$blue-500                   : #78A4FA;
$blue-600                   : #709CF9;
$blue-700                   : #6592F9;
$blue-800                   : #5B89F8;
$blue-900                   : #4878F6;

$green-50                   : #E3F9ED;
$green-100                  : #B8F0D1;
$green-200                  : #89E7B3;
$green-300                  : #5ADD94;
$green-400                  : #36D57D;
$green-500                  : #13CE66;
$green-600                  : #11C95E;
$green-700                  : #0EC253;
$green-800                  : #0BBC49;
$green-900                  : #06B038;

$red-50                     : #FFE9E9;
$red-100                    : #FFC8C8;
$red-200                    : #FFA4A4;
$red-300                    : #FF8080;
$red-400                    : #FF6464;
$red-500                    : #FF4949;
$red-600                    : #FF4242;
$red-700                    : #FF3939;
$red-800                    : #FF3131;
$red-900                    : #FF2121;

$yellow-50                  : #FFF8E6;
$yellow-100                 : #FFEFC0;
$yellow-200                 : #FFE496;
$yellow-300                 : #FFD96B;
$yellow-400                 : #FFD04C;
$yellow-500                 : #FFC82C;
$yellow-600                 : #FFC227;
$yellow-700                 : #FFBB21;
$yellow-800                 : #FFB41B;
$yellow-900                 : #FFA710;

$grey-50                    : #F7F7F7;
$grey-100                   : #ECECEC;
$grey-200                   : #DFDFDF;
$grey-300                   : #D2D2D2;
$grey-400                   : #C9C9C9;
$grey-500                   : #BFBFBF;
$grey-600                   : #B9B9B9;
$grey-700                   : #B1B1B1;
$grey-800                   : #A9A9A9;
$grey-900                   : #9B9B9B;

$black-50                   : #E6E8EB;
$black-100                  : #C0C6CE;
$black-200                  : #96A0AD;
$black-300                  : #6B798C;
$black-400                  : #4C5D73;
$black-500                  : #2C405A;
$black-600                  : #273A52;
$black-700                  : #213248;
$black-800                  : #1B2A3F;
$black-900                  : #101C2E;


$color-blue: #26a2ff;
$color-white: #fff;
$color-grey: #d9d9d9;
$color-orange: #f60;
$border-color: #c8c8cd;
$success-color: #4caf50;
$warning-color: #ffc107;

$cell-value-color: #888;
$text-color: #333;
$background-color: #f8f8f8;
$active-color: #e8e8e8;
$hair-color: #e5e5e5;

$header-height: 40px;

$button-default-color: #656b79;
$button-default-background-color: #f6f8fa;
$button-default-plain-color: #5a5a5a;
$button-default-box-shadow: 0 0 1px #b8bbbf;
$button-primary-color: #fff;
$button-primary-background-color: #0093f0;
$button-danger-color: #fff;
$button-danger-background-color: #f43830;
$button-warning-color: #fff;
$button-warning-background-color: #ffd200;

$btn-padding-smer: 2px 10px;
$btn-padding-sm: 4px 12px;
$btn-padding-base: 6px 16px;
$btn-padding-md: 8px 16px;
$btn-padding-lg: 10px 18px;

$btn-circle-size-smer: 24px;
$btn-circle-size-sm: 28px;
$btn-circle-size: 32px;
$btn-circle-size-lg: 40px;

$tab-item-font-size: 12px;

$tabbar-background-color: #fafafa;
$tabbar-tab-item-selected-background-color: #eaeaea;
$tabbar-tab-item-selected-color: $color-blue;

$navbar-background-color: #fafafa;
$tabbar-tab-item-selected-background-color: #eaeaea;

$checklist-title-color: #888;

$radio-title-color: #888;

$z-index-normal: 1;

$checkbox-size: 20px;
$swipe-indicator: 6px;