:root {
  /* 主色 */
  --td-color-primary: #4458fe;
  --td-color-danger: #f24345;
  --td-color-error: #f24345;
  --td-color-warning: #f6a90e;
  --td-color-success: #60c52f;
  --td-color-info: #909399;
  /* primary 色板（antd @ant-design/colors generate） */
  --td-color-primary-1: #f0f4ff;
  --td-color-primary-2: #e8edff;
  --td-color-primary-3: #bfccff;
  --td-color-primary-4: #96a8ff;
  --td-color-primary-5: #6e81ff;
  --td-color-primary-6: var(--td-color-primary);
  --td-color-primary-7: #303bd9;
  --td-color-primary-8: #1e23b3;
  --td-color-primary-9: #11118c;
  --td-color-primary-10: #0e0b66;
  /* danger 色板 */
  --td-color-danger-1: #fff2f0;
  --td-color-danger-2: #ffedeb;
  --td-color-danger-3: #ffc7c2;
  --td-color-danger-4: #ff9e99;
  --td-color-danger-5: #ff7370;
  --td-color-danger-6: var(--td-color-danger);
  --td-color-danger-7: #cc2f37;
  --td-color-danger-8: #a61e29;
  --td-color-danger-9: #80111e;
  --td-color-danger-10: #590b16;
  /* error 色板 */
  --td-color-error-1: #fff2f0;
  --td-color-error-2: #ffedeb;
  --td-color-error-3: #ffc7c2;
  --td-color-error-4: #ff9e99;
  --td-color-error-5: #ff7370;
  --td-color-error-6: var(--td-color-error);
  --td-color-error-7: #cc2f37;
  --td-color-error-8: #a61e29;
  --td-color-error-9: #80111e;
  --td-color-error-10: #590b16;
  /* warning 色板 */
  --td-color-warning-1: #fffbe6;
  --td-color-warning-2: #fff0b3;
  --td-color-warning-3: #ffe48a;
  --td-color-warning-4: #ffd561;
  --td-color-warning-5: #ffc338;
  --td-color-warning-6: var(--td-color-warning);
  --td-color-warning-7: #cf8402;
  --td-color-warning-8: #a86500;
  --td-color-warning-9: #824a00;
  --td-color-warning-10: #5c3100;
  /* success 色板 */
  --td-color-success-1: #f7fff0;
  --td-color-success-2: #e8f7da;
  --td-color-success-3: #c5eba9;
  --td-color-success-4: #a3de7c;
  --td-color-success-5: #82d154;
  --td-color-success-6: var(--td-color-success);
  --td-color-success-7: #449e1e;
  --td-color-success-8: #2c7811;
  --td-color-success-9: #195207;
  --td-color-success-10: #0b2b03;
  /* info 色板 */
  --td-color-info-1: #ccd2d9;
  --td-color-info-2: #c0c5cc;
  --td-color-info-3: #b4b9bf;
  --td-color-info-4: #a8acb2;
  --td-color-info-5: #9c9fa6;
  --td-color-info-6: var(--td-color-info);
  --td-color-info-7: #666a73;
  --td-color-info-8: #40444c;
  --td-color-info-9: #1e2026;
  --td-color-info-10: #000000;
  /* 中性色 */
  --td-text-color-primary: #1f1f1f;
  --td-text-color-regular: #595959;
  --td-text-color-secondary: #8c8c8c;
  --td-text-color-placeholder: #a8abb2;
  --td-text-color-disabled: #bfbfbf;
  --td-border-color: #d9d9d9;
  /* 背景色 */
  --td-bg-color: #ffffff;
  --td-bg-color-page: #f5f7fa;
  --td-bg-color-overlay: #ffffff;
  /* 填充色 */
  --td-fill-color: #f0f2f5;
  --td-fill-color-light: #f5f7fa;
  --td-fill-color-lighter: #fafafa;
  --td-fill-color-extra-light: #fafcff;
  --td-fill-color-dark: #ebedf0;
  --td-fill-color-darker: #e6e8eb;
  --td-fill-color-blank: #ffffff;
  /* 字体 */
  /* 一级标题	24px	Bold
    二级标题	18px	Medium
    模块标题	16px	Medium
    正文内容	14px	Regular
    辅助文字	12px	Regular
    按钮文字	14px	Medium */
  --td-font-size-title-primary: 24px;
  --td-font-size-title-regular: 18px;
  --td-font-size-title-secondary: 16px;
  --td-font-size-base: 14px;
  --td-font-size-helper: 12px;
  --td-font-size-button: 14px;
  --td-font-weight-bold: 700;
  --td-font-weight-medium: 500;
  --td-font-weight-regular: 400;
  --td-font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue",
    Helvetica, Arial, sans-serif;

  /* 间距 采用 8px 栅格体系。
    类型	数值
    XS	4px
    SM	8px
    MD	16px
    LG	24px
    XL	32px
    XXL	40px */
  --td-spacing-xs: 4px;
  --td-spacing-sm: 8px;
  --td-spacing-md: 16px;
  --td-spacing-lg: 24px;
  --td-spacing-xl: 32px;
  --td-spacing-xxl: 40px;

  /* 圆角规范
场景	圆角
输入框	4px
按钮	6px
卡片	8px
弹窗	12px */
  --td-border-radius-input: 4px;
  --td-border-radius-button: 6px;
  --td-border-radius-card: 8px;
  --td-border-radius-dialog: 12px;

  /* 阴影规范
等级	用途
Shadow-1	卡片轻阴影
Shadow-2	悬浮层
Shadow-3	弹窗层 */
  --td-box-shadow-card: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  --td-box-shadow-popper: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
  --td-box-shadow-dialog: 0 8px 24px 0 rgba(0, 0, 0, 0.16);

  --td-empty-image-width:100px;
}