:root {
  --white: #fff;
  --black: #000;
  // 主题色
  --primary: var(--td-brand-color-8);
  --primary-10: var(--td-brand-color-10);
  --primary-9: var(--td-brand-color-9);
  --primary-8: var(--td-brand-color-8);
  --primary-7: var(--td-brand-color-7);
  --primary-6: var(--td-brand-color-6);
  --primary-5: var(--td-brand-color-5);
  --primary-4: var(--td-brand-color-4);
  --primary-3: var(--td-brand-color-3);
  --primary-2: var(--td-brand-color-2);
  --primary-1: var(--td-brand-color-1);

  // 警告色
  --warning: var(--td-warning-color-5);
  --warning-10: var(--td-warning-color-10);
  --warning-9: var(--td-warning-color-9);
  --warning-8: var(--td-warning-color-8);
  --warning-7: var(--td-warning-color-7);
  --warning-6: var(--td-warning-color-6);
  --warning-5: var(--td-warning-color-5);
  --warning-4: var(--td-warning-color-4);
  --warning-3: var(--td-warning-color-3);
  --warning-2: var(--td-warning-color-2);
  --warning-1: var(--td-warning-color-1);

  // 危险色
  --danger: var(--td-error-color-6);
  --danger-10: var(--td-error-color-10);
  --danger-9: var(--td-error-color-9);
  --danger-8: var(--td-error-color-8);
  --danger-7: var(--td-error-color-7);
  --danger-6: var(--td-error-color-6);
  --danger-5: var(--td-error-color-5);
  --danger-4: var(--td-error-color-4);
  --danger-3: var(--td-error-color-3);
  --danger-2: var(--td-error-color-2);
  --danger-1: var(--td-error-color-1);

  // 成功色
  --success: var(--td-success-color-5);
  --success-10: var(--td-success-color-10);
  --success-9: var(--td-success-color-9);
  --success-8: var(--td-success-color-8);
  --success-7: var(--td-success-color-7);
  --success-6: var(--td-success-color-6);
  --success-5: var(--td-success-color-5);
  --success-4: var(--td-success-color-4);
  --success-3: var(--td-success-color-3);
  --success-2: var(--td-success-color-2);
  --success-1: var(--td-success-color-1);

  // 文字颜色
  --font-gray-0: var(--td-font-gray-0);
  --font-gray-1: var(--td-font-gray-1);
  --font-gray-2: var(--td-font-gray-2);
  --font-gray-3: var(--td-font-gray-3);
  --font-gray-4: var(--td-font-gray-4);
  --font-gray-5: var(--td-font-gray-5);

  // 中性色
  --gray-1: var(--td-gray-color-1);
  --gray-2: var(--td-gray-color-2);
  --gray-3: var(--td-gray-color-3);
  --gray-4: var(--td-gray-color-4);
  --gray-5: var(--td-gray-color-5);
  --gray-6: var(--td-gray-color-6);
  --gray-7: var(--td-gray-color-7);
  --gray-8: var(--td-gray-color-8);
  --gray-9: var(--td-gray-color-9);
  --gray-10: var(--td-gray-color-10);
  --gray-11: var(--td-gray-color-11);
  --gray-12: var(--td-gray-color-12);
  --gray-13: var(--td-gray-color-13);
  --gray-14: var(--td-gray-color-14);
}
