:root {
  /* font-family: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Helvetica, Arial, "PingFang SC", "Microsoft YaHei", sans-serif; */
  font-variation-settings: normal;
  --font-family: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Helvetica, Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  --text-color: #303133;
  --text-color-regular: #606266;
  --text-color-secondary: #909399;
  --text-color-placeholder: #A8ABB2;
  --text-color-disabled:#C0C4CC;

  --text-color-secondary-rbg: 144, 147, 153;

  /* 数字代表混白色占比 比如100 #fff占比10%， 与element light mix对应*/
  --primary-color: #4EACA2;
  --primary-100: #60b4ab;
  --primary-200: #71bdb5;
  --primary-300: #83c5be;
  --primary-400: #95cdc7;
  --primary-500: #a7d6d1;
  --primary-600: #b8deda;
  --primary-700: #cae6e3;
  --primary-800: #dceeec;
  --primary-900: #edf7f6;

  /* light与dark 通用变量 */
  --basic-white: #ffffff;
  --basic-white-rgb: 255, 255, 255;
  --assist-color: #00B2CB;
  --border-radius-base: 4px;
  --border-radius-small: 2px;
  --rounded-md: 6px;
  --rounded-lg: 8px;

  /* boder */
  --border-color-base: #DCDFE6;
  --border-color-light: #E4E7ED;
  --border-color-lighter: #EBEEF5;
  --border-color-extra-light: #F2F5FC;

  /* 反转色配置 */
  --color-white-rgb: 255, 255, 255;
  --color-black: #000000;
  --color-black-rgb: 0, 0, 0;

  /* background 背景 */
  --bg-color: #ffffff;
  --bg-color-page: #E4E7ED; /*#F2F3F5*/
  --bg-color-overlay: #ffffff;
  --bg-color-transparent: rgba(255, 255, 255, 0);
  --bg-color-light: #F2F3F5; /* 原--bg-color-page 用户要求加深*/

  /* fill 填充 */
  --fill-color: #f0f2f5;
  --fill-color-blank: #ffffff;
  --fill-color-dark: #ebedf0;
  --fill-color-darker: #e6e8e8;
  --fill-color-extra-light: #fafcff;
  --fill-color-light: #f5f7fa;
  --fill-color-lighter: #fafafa;

  /* 其他 */

  --danger-color: #F33060;
  --danger-100: #F44570;
  --danger-200: #f55980;
  --danger-300: #f76e90;
  --danger-400: #f883a0;
  --danger-500: #f998b0;
  --danger-600: #faacbf;
  --danger-700: #fbc1cf;
  --danger-800: #fdd6df;
  --danger-900: #FEEAEF;

  --info-color: #909399;
  --info-100: #9b9ea3;
  --info-200: #a6a9ad;
  --info-300: #b1b3b8;
  --info-400: #bcbec2;
  --info-500: #c8c9cc;
  --info-600: #d3d4d6;
  --info-700: #dedfe0;
  --info-800: #e9e9eb;
  --info-900: #f4f4f5;

  --success-color: #1F845A;
  --success-100: #35906b;
  --success-200: #4c9d7b;
  --success-300: #62a98c;
  --success-400: #79b59c;
  --success-500: #8fc2ad;
  --success-600: #a5cebd;
  --success-700: #bcdace;
  --success-800: #d2e6de;
  --success-900: #e9f3ef;

  --warning-color: #e2b203;
  --warning-100: #e5ba1c;
  --warning-200: #e8c135;
  --warning-300: #ebc94f;
  --warning-400: #eed168;
  --warning-500: #f1d981;
  --warning-600: #f3e09a;
  --warning-700: #f6e8b3;
  --warning-800: #f9f0cd;
  --warning-900: #fcf7e6;

  color-scheme: light;
}