// COLORS
$blue: #409eff;
$red: #f56c6c;
$green: #85ce61;

// TEXT
$text-main: #2c3e50;
$color-link: $blue;

$fz-main: 14px;
$fz-mini-title: 13px;
$fz-mini-content: 12px;

$font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial,
  sans-serif;

// DARK MODE
$dark-border: lighten(black, 25%);
$dark-border-highlight: lighten(black, 55%);
$dark-bg: lighten(black, 10%);
$dark-text-main: lighten(black, 90%);
$dark-text-info: lighten(black, 60%);
$dark-uploader-bg: lighten(black, 13%);
$dark-dialog-bg: lighten(black, 15%);
$dark-uploader-bg-highlight: lighten(black, 18%);
$dark-btn-bg: lighten(black, 20%);
$dark-btn-bg-highlight: lighten(black, 30%);
$dark-bg-th: lighten(black, 18%);
$dark-bg-td: lighten(black, 13%);
$dark-color-link: $green;

$dark-blue: darken(desaturate($blue, 40%), 30%);
$dark-red: darken(desaturate($red, 50%), 30%);
$dark-green: darken(desaturate($green, 30%), 30%);