/* 主题色 */
@baseColor: var(--baseColor, #D50000);

/* 顶部导航栏背景色 */
@navBarBackgroundColor: var(--navBarBackgroundColor, #ffffff);

/* 底部导航栏背景色 */
@bottomBarBackgroundColor: var(--bottomBarBackgroundColor, #fff);

/* 页面底色 */
@pageColor: var(--pageColor, #F0F0F0);

/* 线条颜色 */
@borderColor: var(--borderColor, #F0F0F0);

/* 文字颜色 */
@fontColor: var(--fontColor, #262626);

/* 标题文字颜色 */
@titleColor: var(--titleColor, #8A6C6C);


/* ---------- 按钮使用的变量 S ----------*/

  // 方形按钮圆角大小
  @buttonBorderRadius:4px;

  // 朴素按钮背景颜色
  @plainButtonBackgroundColor:var(--plainButtonBackgroundColor, #fff);

  // 按钮高度
  @buttonHeight:30px;
  // 按钮字体大小
  @buttonFontSize:14px;

  // mini按钮高度
  @miniButtonHeight:20px;
  // mini按钮字体大小
  @miniButtonFontSize:12px;

  // 主要按钮背景颜色
  @mainButtonBackgroundColor: var(--mainButtonBackgroundColor, linear-gradient(90deg, #FF8E8F 0%, #C5000A 100%));
  // 主要按钮字体颜色
  @mainButtonFontColor: var(--mainButtonFontColor, #fff);

  // 正常按钮背景颜色
  @normalButtonBackgroundColor: var(--normalButtonBackgroundColor, #333);
  // 正常按钮字体颜色
  @normalButtonFontColor: var(--normalButtonFontColor, #fff);

  // 次要按钮背景颜色
  @lastButtonBackgroundColor: var(--lastButtonBackgroundColor, #8A6C6C);
  // 次要按钮字体颜色
  @lastButtonFontColor: var(--lastButtonFontColor, #fff);

/* ---------- 按钮使用的变量 E ----------*/



/* ---------- 标签 S ---------- */

  // 主要颜色
  @tagPrimaryColor:var(--tagPrimaryColor, #1989fa);
  // 成功颜色
  @tagSuccessColor:var(--tagPrimaryColor, #07c160);
  // 危险颜色
  @tagDangerColor:var(--tagPrimaryColor, #ee0a24);
  // 警告颜色
  @tagWarningColor:var(--tagPrimaryColor, #ff976a);

/* ---------- 标签 E ---------- */



/* ---------- 底部弹出层 S ---------- */
  // 标题高度
  @bottomPopupTitleHeight:40px;

/* ---------- 底部弹出层 E ---------- */



/* ---------- 表格 S ---------- */

  // 表头背景颜色
  @tableTitleBackgroundColor: var(--tableTitleBackgroundColor, #e9e9e9);
  // 表头字体颜色
  @tableTitleColor: var(--tableTitleColor, #262626);
  // 表格体背景颜色
  @tableBodyBackgroundColor: var(--tableTitleBackgroundColor, #fff);
  // 表格体字体颜色
  @tableBodyColor: var(--tableBodyColor, #262626);

/* ---------- 表格 E ---------- */



/* ---------- 错误提示 S ---------- */

  // 字体颜色
  @errorMsgColor: var(--errorMsgColor, #fff);
  // 背景颜色
  @errorMsgBackgroundColor: var(--tableTitleColor, #D50000);

/* ---------- 错误提示 E ---------- */



/* ---------- 标签切换 S ---------- */
  // 激活背景色
  @tabsActiveColor: var(--tabsActiveColor, #fff);
  @tabsActiveBgColor: var(--tabsActiveBgColor, #FF8082);

/* ---------- 标签切换 E ---------- */