// 小屏幕
$small-screen: 1140px;

// 中等屏幕
$medium-screen: 1440px;

// 大屏幕
$large-screen: 1680px;

// 超大屏
$x-large-screen: 1840px;

/* 颜色 */
$primary: #37599f;
$primary-deep: #2c4c8c;
$success: #15a809;
$success-deep: #159e09;
$warning: #d08808;
$warning-deep: #ca8707;
$danger: #eb1e1e;
$danger-deep: #d51d1d;
$info: #232a2d;
$backdrop: #fbfaf9;
$text-primary: #535a5d;
$border-grey: #ddd;

$black: #000;
$light-black: #303133;
$white: #fff;
$orange: #ff6501;
$blue: #409eff; /* #1890ff  #409eff */
$light-blue: #66b1ff;
$sky-blue: #bae7ff;
$light-sky-blue: #e6f7ff;
$dark-blue: #007bff;
$grey: #909399;
$light-grey: #ccc;
$dark-grey: #666;
$snow-grey: #f7f7f9;
$gainsboro: #d4d4d4;
$ghost-grey: #fafafa;
$smoke: #f5f5f5;
$red: #f56c6c;
$light-red: #fef0f0;
$indian-red: #ff4d4f;
$firebrick: #dc3545;
$green: #67c23a;
$forest: #28a745;
$yellow: #e6a23c;
$cyan: #17a2ba;

/* 导出变量（css in js） 变量名为cssVars */
:export {
  smallScreen: $small-screen;
  mediumScreen: $medium-screen;
  largeScreen: $large-screen;

  /* 一些主要颜色变量 https://smartcost.yuque.com/kigzpm/gsx7gg/nasbuh/edit */
  primary: $primary;
  primaryDeep: $primary-deep;
  success: $success;
  successDeep: $success-deep;
  warning: $warning;
  warningDeep: $warning-deep;
  danger: $danger;
  dangerDeep: $danger-deep;
  info: $info;
  backdrop: $backdrop;
  $textPrimary: $text-primary;
}
