:root {
  /******颜色**********************************************************************/

  /* 基本颜色 */
  --brand-theme-color: #e26400;
  /* 调和颜色，降低90% */
  --brand-theme-light-color-9: #fcefe5;
  /* 调和颜色，降低80% */
  --brand-theme-light-color-8: #f9e0cc;
  /* 调和颜色，降低70% */
  --brand-theme-light-color-7: #f6d0b2;
  /* 调和颜色，降低60% */
  --brand-theme-light-color-6: #f3c199;
  /* 调和颜色，降低50% */
  --brand-theme-light-color-5: #f0b17f;
  /* 调和颜色，降低40% */
  --brand-theme-light-color-4: #eda266;
  /* 调和颜色，降低30% */
  --brand-theme-light-color-3: #ea924c;
  /* 调和颜色，降低20% */
  --brand-theme-light-color-2: #e78333;
  /* 调和颜色，降低10% */
  --brand-theme-light-color-1: #e47319;

  /* 调和颜色，上升10% */
  --brand-theme-dark-color-1: #cb5a00;
  /* 调和颜色，上升20% */
  --brand-theme-dark-color-2: #b45000;
  /* 调和颜色，上升30% */
  --brand-theme-dark-color-3: #9e4600;
  /* 调和颜色，上升40% */
  --brand-theme-dark-color-4: #873c00;
  /* 调和颜色，上升50% */
  --brand-theme-dark-color-5: #713200;
  /* 调和颜色，上升60% */
  --brand-theme-dark-color-6: #5a2800;
  /* 调和颜色，上升70% */
  --brand-theme-dark-color-7: #431e00;
  /* 调和颜色，上升80% */
  --brand-theme-dark-color-8: #2d1300;
  /* 调和颜色，上升90% */
  --brand-theme-dark-color-9: #160900;

  /* 基础背景颜色 */
  --brand-background-color: #fff;

  /* 浅色背景 */
  --brand-background-color-1: #ebeef5;

  /* 深色背景 */
  --brand-background-dark-color: #404040;

  /******菜单**********************************************************************/
  /* 菜单背景颜色 */
  --brand-menu-background: #404040;
  /* 菜单文字颜色 */
  --brand-menu-text-color: #fff;

  /******边框**********************************************************************/
  /* 边框颜色 */
  --brand-border-color: #ebeef5;

  /******字体**********************************************************************/

  /* 基础字体 小14px 中14px 大16px*/
  --brand-font: 14px;

  /*一级标题字体, 主标题 18*/
  --brand-title-font-1: 18px;
  /*二级标题字体 16*/
  --brand-title-font-2: 16px;
  /*重要文本*/
  --brand-block-text-font: 14px;
  /*描述文本 正文字体大小*/
  --brand-text-font: 14px;
  /* 辅助文字字体大小 */
  --brand-text-sub-font: 14px;
  /*提示文本字体大小 14*/
  --brand-text-tip-font: 14px;

  /* 标题 重要文本 颜色*/
  --brand-title-color: #252525;
  /* 正文 描述文本 颜色*/
  --brand-text-color: #535353;
  /* 辅助文字 颜色*/
  --brand-text-sub-color: #818181;
  /* 辅助文字颜色2 */
  --brand-text-sub-color-2: #979797;
  /* 提示文字颜色 */
  --brand-text-tip-color: #afafaf;
  /* 禁用文字颜色 */
  --brand-text-disabled-color: #dddddd;
  /* 反色文字颜色 */
  --brand-text-inverse-color: #ffffff;

  /********** 边距设置******************************************************************/

  /* 统一基础边距 */
  --brand-padding: 12px;

  /* 外边距 */
  --brand-margin: 12px;

  /* 基础边距  6px */
  --brand-padding-6: calc(var(--brand-padding) - 6px);

  /* 基础边距 8px */
  --brand-padding-8: calc(var(--brand-padding) - 4px);

  /* 基础边距 10px */
  --brand-padding-10: calc(var(--brand-padding) - 2px);

  /* 基础边距 16px */
  --brand-padding-16: calc(var(--brand-padding) + 4px);

  /* 基础边距 24px */
  --brand-padding-24: calc(var(--brand-padding) + 12px);

  /* 外边距 6px */
  --brand-margin-6: calc(var(--brand-margin) - 6px);

  /* 外边距 8px */
  --brand-margin-8: calc(var(--brand-margin) - 4px);

  /* 外边距 10px */
  --brand-margin-10: calc(var(--brand-margin) - 2px);

  /* 外边距 16px */
  --brand-margin-16: calc(var(--brand-margin) + 4px);

  /* 外边距 24px */
  --brand-margin-24: calc(var(--brand-margin) + 12px);

  /************** 边距规范 ****************/
  /* 间距差值2px */
  --brand-offset-2: 0px;
  /* 间距差值4px */
  --brand-offset-4: 0px;
  /* 间距差值6px */
  --brand-offset-6: 0px;
  /* 间距差值8px */
  --brand-offset-8: 0px;
  /* 间距差值10px */
  --brand-offset-10: 0px;
  /* 间距差值12px */
  --brand-offset-12: 0px;
  /********** 表格设置******************************************************************/

  /* 表头背景颜色 */
  --brand-table-head-bg-color: var(--brand-theme-light-color-9);

  /* 表头文字颜色 */
  --brand-table-head-text-color: #7d7d7d;
}