// 颜色 size范围
$color-black: #333 !default;
$color-white: #ffffff !default;
$color-grey: #888 !default;
$color-green: #19be6b !default;
$color-blue: #61c3ff !default;
$color-yellow: #ff9900 !default;
$color-red: #f35958 !default;

$color-title: #17233d !default;
$color-content: #515a6e !default;
$color-disabled: #c5c8ce !default;

$bg-grey: #f2f2f2 !default;
$bg-white: #ffffff !default;
$bg-black: #393D49 !default;

$color-border: #dcdfe6 !default;

// 主题背景色
$bg-colors: (
  'white': $bg-white,
  'black': $bg-black,
  'grey': $bg-grey,
  'green': $color-green,
  'blue': $color-blue,
  'yellow': $color-yellow,
  'red': $color-red,
) !default;

// 文本颜色
$text-colors: (
  'white': $color-white,
  'black': $color-black,
  'grey': $color-grey,
  'green': $color-green,
  'blue': $color-blue,
  'yellow': $color-yellow,
  'red': $color-red,
  'title': $color-title,
  'content': $color-content,
  'disabled': $color-disabled
) !default;

// 边框颜色
$border-colors: (
  'white': $color-white,
  'black': $color-black,
  'grey': $color-border,
  'green': $color-green,
  'blue': $color-blue,
  'yellow': $color-yellow,
  'red': $color-red
) !default;

// border
$border-width-through: 20 !default;
$border-radius-through: 20 !default;

// margin padding left right top bottom
$box-sizes: (
  -20, -15, -12, -10, -8, -6, -5, -4, -3, -2, -1,
  0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12, 15, 20, 25, 30, 35, 40, 50, 60, 80, 100) !default;

// width height
$sizes: (
  40, 50, 60, 70, 80, 90, 100,
  120, 150, 200, 250, 300, 400, 500, 600, 800, 1000, 1200) !default;

// font-size
$font-size-em-through: 10 !default;
$font-size-em-decimal-through: 5 !default;
$font-size-rem-through: 10 !default;
$font-size-rem-decimal-through: 5 !default;
$font-size-px-through: 80 !default;

// line-height
$line-height-through: 20 !default;
$line-height-decimal-through: 5 !default;
$line-height-px-through: 100 !default;