/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/

/* 安澜应急指挥：靛蓝主色 + 统一圆角 0.5rem，与历史青绿/若依蓝区分 */
$--color-primary: #4f46e5;
$--color-success: #16a34a;
$--color-warning: #d97706;
$--color-danger: #dc2626;
$--color-info: #71717a;

$--button-font-weight: 500;

$--border-color-light: #e4e4e7;
$--border-color-lighter: #f4f4f5;

$--table-border: 1px solid #e4e4e7;

$--border-radius-base: 8px;
$--border-radius-small: 4px;
$--msgbox-border-radius: 8px;
$--button-border-radius: 8px;
$--input-border-radius: 8px;
$--card-border-radius: 8px;

/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  theme: $--color-primary;
}
