// common变量定义
:root {
  //功能色
  --te-common-color-success: var(--te-base-success-color); // 注释，成功-背景色 #5cb300
  --te-common-color-warning: var(--te-base-warn-color); // 注释，告警-背景色 #ff8800
  --te-common-color-error: var(--te-base-error-color); // 注释，错误-背景色 #f23030
  --te-common-color-info: var(--te-base-prompt-color); // 注释，告警-背景色  #1476ff
  --te-common-color-prompt-secondary: var(--te-base-indigo-5); // 注释，区块提示-背景色 #6e51e0

  // 文本色
  --te-common-text-primary: var(--te-base-dark-5); // 一级文本色-重要信息/标题颜色/输入类文本颜色 #191919
  --te-common-text-secondary: var(--te-base-gray-31); // 二级文本色-次要信息/表单标签颜色/选块按钮默认色 #595959
  --te-common-text-weaken: var(--te-base-gray-43); // 三级文本色-弱化信息/提示文字 #808080
  --te-common-text-disabled: var(--te-base-gray-18); // 文本禁用色 #c2c2c2
  --te-common-text-link: var(--te-base-blue-6); // 链接色 #1476ff
  --te-common-text-inverse: var(--te-base-gray-1); // 主按钮上的文本色 #fff
  --te-common-text-dark-inverse: var(--te-base-gray-1); // 深色背景下按钮上的文本色 #fff
  --te-common-text-emphasize: var(--te-base-blue-6); // 强调性文字 #1476ff
  --te-common-text-description: var(--te-base-gray-47); // 描述性文字 #9d9d9d

  --te-common-icon-primary: var(--te-base-dark-5); // 重要图标色 #191919
  --te-common-icon-secondary: var(--te-base-gray-43); // 图标默认色 #808080
  --te-common-icon-disabled: var(--te-base-gray-18); // 图标禁用色 #c2c2c2
  --te-common-icon-link: var(--te-base-blue-6); // 图标提示色 #1476ff

  --te-common-border-default: var(--te-base-gray-13); // 线条-输入框默认色 #dbdbdb
  --te-common-border-active: var(--te-base-dark-5); // 线条-输入框悬浮色/激活色  #191919
  --te-common-border-disabled: var(--te-base-dark-5); // 线条-禁用色  #dbdbdb
  --te-common-border-secondary: var(--te-base-gray-31); // 线条-次要按钮描边色  #595959
  --te-common-border-prompt: var(--te-base-gray-13); // 线条-三级按钮默认色/表单内按钮 #dbdbdb
  --te-common-border-hover: var(--te-base-gray-18); // 线条-按钮边框悬浮色/复选框/单选框，欧仁边框色 #c2c2c2
  --te-common-border-divider: var(--te-base-gray-11); //线条-白色背景分割线颜色 #ebebeb
  --te-common-border-bg-divider: var(--te-base-gray-13); // 线条-灰色背景分割线颜色/表头分割线/选块分割线 #dbdbdb
  --te-common-border-checked: var(--te-base-blue-6); // 线条 选中色 #1476ff

  --te-common-bg-primary: var(--te-base-dark-5); // 主要按钮-背景色 #191919
  --te-common-bg-primary-checked: var(--te-base-blue-6); // 主色-背景色 #1476ff
  --te-common-bg-primary-emphasize: var(--te-base-blue-6); // 主色-背景色 #1476ff

  --te-common-bg-secondary: var(--te-base-gray-31); // 次要按钮-背景色 #595959
  --te-common-bg-prompt: var(--te-base-gray-7); // 导航按钮-背景色/选块-选中色 #e6e6e6
  --te-common-bg-container: var(
    --te-base-gray-5
  ); // 列表悬浮色/表格悬浮色/顶部导航按钮悬浮色/选块背景色/提示背景色 #f5f5f5
  --te-common-bg-container-weaken: var(--te-base-gray-2); // 浅编辑代码--背景色 #fafafa
  --te-common-bg-tag: var(--te-base-green-14); // tag标签-背景色 #e6f2d5
  --te-common-bg-default: var(--te-base-gray-1); // 白色背景-输入框背景/面板背景色 #fff
  --te-common-bg-disabled: var(--te-base-gray-6); // 禁用/标签/下拉框多选标签 背景色 #f0f0f0
  --te-common-bg-switch: var(--te-base-gray-18); // 开关默认色 #c2c2c2

  // 通用间距
  --te-common-vertical-item-spacing-normal: 12px; // 表单元素之间的距离，标题和列表之间的距离、一个独立元素的padding等等
  --te-common-vertical-form-label-spacing: 8px; // 上下布局时，表单label与表单元素的间隔
}

:root[data-theme='dark'] {
  //功能色
  --te-common-color-success: var(--te-base-success-color); // 注释，成功-背景色 #5cb300
  --te-common-color-warning: var(--te-base-warn-color); // 注释，告警-背景色 #ff8800
  --te-common-color-error: var(--te-base-error-color); // 注释，错误-背景色 #f23030
  --te-common-color-info: var(--te-base-prompt-color); // 注释，说明-背景色  #1476ff
  --te-common-color-prompt-secondary: var(--te-base-indigo-14); // 注释，区块提示-背景色 #A790FF
  // 文本色
  --te-common-text-primary: var(--te-base-gray-64); // 一级文本色-重要信息/标题颜色/输入类文本颜色 #F0F1F5
  --te-common-text-secondary: var(--te-base-gray-65); // 二级文本色-次要信息/表单标签颜色 #B4B5B8
  --te-common-text-weaken: var(--te-base-gray-66); // 三级文本色-弱化信息/提示文字 #8B8C8F
  --te-common-text-disabled: var(--te-base-gray-67); // 文本禁用色 #4D4E52
  --te-common-text-link: var(--te-base-blue-6); // 链接色 #1476ff
  --te-common-text-inverse: var(--te-base-dark-26); // 主按钮上的文本色 #000000
  --te-common-text-dark-inverse: var(--te-base-gray-1); // 深色背景下按钮上的文本色 #fff
  --te-common-text-emphasize: var(--te-base-blue-6); // 强调性文字 #1476ff

  --te-common-icon-primary: var(--te-base-gray-64); // 重要图标色 #F0F1F5
  --te-common-icon-secondary: var(--te-base-gray-66); // 图标默认色 #8B8C8F
  --te-common-icon-disabled: var(--te-base-gray-18); // 图标禁用色 #C2C2C2
  --te-common-icon-link: var(--te-base-blue-6); // 图标提示色 #1476ff

  --te-common-border-default: var(--te-base-gray-67); // 线条-输入框默认色 #4D4E52
  --te-common-border-active: var(--te-base-gray-64); // 线条-输入框悬浮色/激活色  #F0F1F5
  --te-common-border-disabled: var(--te-base-gray-68); // 线条-禁用色  #36383D
  --te-common-border-secondary: var(--te-base-gray-65); // 线条-次要按钮描边色  #B4B5B8
  --te-common-border-prompt: var(--te-base-gray-67); // 线条-三级按钮默认色/表单内按钮 #4D4E52
  --te-common-border-hover: var(--te-base-gray-66); // 线条-按钮边框悬浮色 #8B8C8F
  --te-common-border-divider: var(--te-base-gray-68); //线条-白色背景分割线颜色 #36383D
  --te-common-border-bg-divider: var(--te-base-gray-67); // 线条-灰色背景分割线颜色/表头分割线/选块分割线 #4D4E52
  --te-common-border-checked: var(--te-base-blue-6); // 线条 选中色 #1476ff

  --te-common-bg-primary: var(--te-base-gray-64); // 主要按钮-背景色 #F0F1F5
  --te-common-bg-primary-checked: var(--te-base-blue-6); // 主色-背景色 #1476ff
  --te-common-bg-primary-emphasize: var(--te-base-blue-6); // 主色-背景色 #1476ff
  --te-common-bg-secondary: var(--te-base-gray-65); // 次要按钮-背景色 #B4B5B8
  --te-common-bg-prompt: var(--te-base-gray-66); // 导航按钮-背景色/选块-选中色 #8B8C8F
  --te-common-bg-container: var(
    --te-base-gray-68
  ); // 列表悬浮色/表格悬浮色/顶部导航按钮悬浮色/选块背景色/提示背景色 #36383D
  --te-common-bg-container-weaken: var(--te-base-gray-69); // 浅编辑代码--背景色 #2B2D33
  --te-common-bg-tag: var(--te-base-dark-28); // tag标签-背景色 #1d312a
  --te-common-bg-default: var(--te-base-dark-27); // 深色背景-输入框背景/面板背景色 #212329
  --te-common-bg-disabled: var(--te-base-dark-29); // 禁用/标签/下拉框多选标签 背景色 #2a2c31
  --te-common-bg-switch: var(--te-base-gray-67); // 开关默认色 #4D4E52

  // 通用间距
  --te-common-vertical-item-spacing-normal: 12px; // 表单元素之间的距离，标题和列表之间的距离、一个独立元素的padding等等
  --te-common-vertical-form-label-spacing: 8px; // 上下布局时，表单label与表单元素的间隔
}