// 基础通用变量
:root{
  // 字体
  --app-font-family: -apple-system, BlinkMacSystemFont, Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --app-font-weight-primary: 500;
  --app-font-weight-bold: 600;
  --app-font-line-height: 24px;

  // 字体大小
  --app-font-size-xs: 12px;
  --app-font-size-sm: 14px;
  --app-font-size-md: 16px;
  --app-font-size-lg: 20px;
  --app-font-size-xl: 22px;

  // 字体颜色
  --app-text-color-primary: #303133;
  --app-text-color-regular: #606266;
  --app-text-color-secondary: #909399;
  --app-text-color-placeholder: #c0c4cc;
  --app-text-color-disabled: #bbb;
  --app-text-color-inverse: #fff; // 反转色，深色背景下使用

  // 颜色
  --app-color-white: #fff;
  --app-color-black: #000;
  --app-color-primary: #409eff; //重要的，常用于激活色
  --app-color-success: #67c23a;
  --app-color-warning: #e6a23c;
  --app-color-danger: #f56c6c;
  --app-color-error: #f56c6c;
  --app-color-info: #909399;
  --app-color-border: #e8eaec;
  --app-bg-color: #f5f7fa; //默认背景色
  --app-bg-color-disabled: #f5f7fa; //禁用背景色

  // 边框
  --app-border-color: #dcdfe6;
  --app-border-width: 1;
  --app-border-style: solid;
  --app-border-color-hover: #c0c4cc;
  --app-border-color-disabled: #e4e7ed;
  --app-border-base: var(--app-border-width-base) var(--app-border-style-base)
    var(--app-border-color-base);
}
