:root {
  /* 主色 */

  /* 品牌色 */
  --color-primary: #508cee;

  /* 默认色 */
  --color-default: #508cee;

  /* 背景色 */

  /* 全局背景色(用于分割内容模块的底色)，搜索框 */
  --color-bg-primary: #f2f2f2;

  /* 动态区评论引导背景、列表内下拉展开 */
  --color-bg-minor: #f8f8f8;

  /* 功能色 */

  /* 删除、小红点、标签 */
  --color-feature-primary: #f43030;

  /* 底部bar、标签、价格 */
  --color-feature-minor: #ff5000;

  /* 标签 */
  --color-feature-patch: #f90;

  /* 辅助色，公告，提示 */
  --color-feature-assist: #fffeed;

  /* 文字 */

  /* 用于标题信息、重要内容文字信息 */
  --color-text-primary: #333;

  /* 次要文字 */
  --color-text-minor: #666;

  /* 次辅助，补充文本，next箭头左侧提示文字 */
  --color-text-patch: #999;

  /* 列表暗提示文字，next箭头 */
  --color-text-assist: #ccc;

  /* 失效按钮、icon(如不可点按钮、圈选时其中不可选的圆、券类失效状态 */
  --color-text-disabled: #ccc;

  /* 线条 */

  /* 分割线 */
  --color-line-split: #e5e5e5;

  /* 遮罩层 透明度 */

  /* 普通浮层底部遮罩，如对话框、半浮层下的遮罩层 */
  --color-overlay-default: rgba(0, 0, 0, 0.5);

  /* 无遮罩情况下的浮动弹层，tost */
  --color-overlay-thick: rgba(0, 0, 0, 0.8);

  /* 需要看到遮罩下方内容的变化，如计划书字体大小变化时、有浮动菜单时 */
  --color-overlay-thin: rgba(0, 0, 0, 0.1);

  /* type 对应的 color 列表 */
  --color-type-default: #999;
  --color-type-primary: #508cee;
  --color-type-success: #d4edda;
  --color-type-info: #70acf6;
  --color-type-warning: #f90;
  --color-type-danger: #f43030;
  --color-type-caution: #ff5000;
}
