:root,
:root[theme-mode='light'] {
  // 品牌色
  --td-brand-color: #154199;
  --td-brand-color-1: #f2f3ff;
  --td-brand-color-2: #d8e1ff;
  --td-brand-color-3: #b5c8ff;
  --td-brand-color-4: #8babff;
  --td-brand-color-5: #6d8feb;
  --td-brand-color-6: #5174ce;
  --td-brand-color-7: #3459b2;
  --td-brand-color-8: #154199;
  --td-brand-color-9: #002b79;
  --td-brand-color-10: #001b54;
  --td-brand-color-11: #6e8aff;
  --td-brand-color-12: #f8f9fc;

  // 预置颜色
  --td-purple-color-1: #b570ff;
  --td-purple-color-2: #fcefff;
  --td-pink-color-1: #ff466e;
  --td-pink-color-2: #fff0f1;

  // 警告色
  --td-warning-color-1: #3c1600;
  --td-warning-color-2: #542200;
  --td-warning-color-3: #743100;
  --td-warning-color-4: #984300;
  --td-warning-color-5: #c15700;
  --td-warning-color-6: #f70;
  --td-warning-color-7: #ff9148;
  --td-warning-color-8: #ffb98f;
  --td-warning-color-9: #ffd9c4;
  --td-warning-color-10: #fff1e9;

  // 危险色
  --td-error-color-1: #460c00;
  --td-error-color-2: #611400;
  --td-error-color-3: #841f00;
  --td-error-color-4: #ad2c00;
  --td-error-color-5: #dc3a00;
  --td-error-color-6: #dc3a00;
  --td-error-color-7: #ff8f6c;
  --td-error-color-8: #ffb8a2;
  --td-error-color-9: #ffd8cc;
  --td-error-color-10: #fff0eb;
  --td-error-color-11: #ff4d0d;
  --td-error-color-12: #fff0eb;

  // 成功色
  --td-success-color-1: #002515;
  --td-success-color-2: #003b24;
  --td-success-color-3: #005335;
  --td-success-color-4: #006c47;
  --td-success-color-5: #00885a;
  --td-success-color-6: #0ca571;
  --td-success-color-7: #00be82;
  --td-success-color-8: #8cdcb2;
  --td-success-color-9: #c3f4d7;
  --td-success-color-10: #e1fae9;
  --td-success-color-11: #01744b;

  // 中性色
  --td-gray-color-1: #f1f2f5;
  --td-gray-color-2: #ebedf1;
  --td-gray-color-3: #e3e6eb;
  --td-gray-color-4: #d6dbe3;
  --td-gray-color-5: #bcc4d0;
  --td-gray-color-6: #97a3b7;
  --td-gray-color-7: #7787a2;
  --td-gray-color-8: #5f7292;
  --td-gray-color-9: #4b5b76;
  --td-gray-color-10: #3c485c;
  --td-gray-color-11: #2c3645;
  --td-gray-color-12: #232a35;
  --td-gray-color-13: #1c222b;
  --td-gray-color-14: #13161b;
  --td-gray-color-15: #131414;

  // 文字颜色
  --td-font-gray-0: rgb(0 0 0 / 100%);
  --td-font-gray-1: rgb(0 0 0 / 90%);
  --td-font-gray-2: rgb(0 0 0 / 60%);
  --td-font-gray-3: rgb(0 0 0 / 40%);
  --td-font-gray-4: rgb(0 0 0 / 20%);
  --td-font-gray-5: rgb(0 0 0 / 6%);
  --td-font-gray-6: rgb(0 0 0 / 26%);
  --td-white: #fff;
  --td-border: var(--td-gray-color-2);
  --td-text-color-primary: var(--td-font-gray-1);
  --td-component-border: var(--td-gray-color-1);
}
