:root {
  --color-brand-1: #f5dcdc;
  --color-brand-2: #ebbcbc;
  --color-brand-3: #d41515;
  --color-brand-4: #e02d2d;
  --color-brand-5: #cf0000;
  --color-brand-6: #bf0000;
  --color-brand-7: #940000;
  --color-brand-8: #690000;
  --color-brand-9: #400000;
  --color-brand-10: #fa5050;

  /* 测试 */
  --testToken: 12px;
  --testToken1: 13px;

  --color-secondary-1: #dae2f2;
  --color-secondary-2: #8daceb;
  --color-secondary-3: #5f8eed;
  --color-secondary-4: #2f6fed;
  --color-secondary-5: #0054fc;
  --color-secondary-6: #004de7;
  --color-secondary-7: #003aaf;
  --color-secondary-8: #00297c;
  --color-secondary-9: #001849;

  --color-white-1: #ffffff;
  --color-white-2: rgba(100, 100, 100, 0.8);
  --color-white-3: rgba(100, 100, 100, 0.6);
  --color-white-4: rgba(100, 100, 100, 0.4);
  --color-white-5: rgba(100, 100, 100, 0.2);
  --color-white-6: rgba(100, 100, 100, 0.1);
  --color-black: #000000;
  --color-gray-1: rgba(0, 0, 0, 0.8);
  --color-gray-2: rgba(0, 0, 0, 0.6);
  --color-gray-3: rgba(0, 0, 0, 0.4);
  --color-gray-4: rgba(0, 0, 0, 0.2);
  --color-gray-5: rgba(0, 0, 0, 0.1);
  --color-gray-6: rgba(0, 0, 0, 0.05);
  --color-gray-7: rgba(0, 0, 0, 0.02);

  --color-cold-gray-1: #4a515b;
  --color-cold-gray-2: #f4f5f7;
  --color-cold-gray-3: #607483;

  --color-success-1: #0c7a56;
  --color-success-2: #0c7a56;

  --color-warning-1: #bf0000;
  --color-warning-2: #d41515;

  --color-notice-1: #a15810;
  --color-notice-2: #a15810;

  --color-info-1: #e02d2d;
  --color-info-2: #bd5826;
  --color-info-3: #a86522;
  --color-info-4: #8f721d;
  --color-info-5: #1b8561;
  --color-info-6: #257abb;
  --color-info-7: #2f6fed;
  --color-info-8: #7559ff;
  --color-info-9: #b230f2;
  --color-info-10: #d92b82;

  --color-info-light-1: #faeded;
  --color-info-light-2: #f7efeb;
  --color-info-light-3: #f5efe9;
  --color-info-light-4: #f5f2e9;
  --color-info-light-5: #e6f2ee;
  --color-info-light-6: #ebf2f7;
  --color-info-light-7: #f0f4fc;
  --color-info-light-8: #f2f0ff;
  --color-info-light-9: #f6edfa;
  --color-info-light-10: #faedf4;
  --radius-m: 10px;
  --radius-l: 15px;

  --color-primary: var(--color-brand-5);
  /* --color-primary-hover: var(--color-brand-4); */
  --color-primary-active: var(--color-brand-6);
  /* --color-primary-disable: var(--color-gray-4); */
  /* --color-primary-light: var(--color-brand-2); */
  --color-primary-light-active: var(--color-brand-1);
  /* --color-primary-light-disable: var(--color-gray-4); */

  --color-secondary: var(--color-secondary-4);
  --color-secondary-active: var(--color-secondary-5);
  --color-secondary-disable: var(--color-gray-4);
  --color-secondary-light: var(--color-secondary-2);
  --color-secondary-light-active: var(--color-secondary-1);
  --color-secondary-light-disable: var(--color-gray-4);

  --color-text-base: var(--color-black);
  --color-text-secondary: var(--color-gray-1);
  --color-text-tertiary: var(--color-gray-2);
  --color-text-link: var(--color-secondary-4);
  --color-text-white: var(--color-white-1);
  --color-text-success-base: var(--color-success-1);
  --color-text-success-large: var(--color-success-2);
  --color-text-warning-base: var(--color-warning-1);
  --color-text-warning-large: var(--color-warning-2);
  --color-text-notice-base: var(--color-notice-1);
  --color-text-notice-large: var(--color-notice-2);
  --color-text-placeholder: var(--color-gray-3);
  --color-text-disabled: var(--color-gray-2);
  --color-text-primary: var(--color-brand-5);

  /* --color-text-right: #2c62de; */

  --color-icon-base: var(--color-black);
  --color-icon-link: var(--color-info-7);
  --color-icon-primary: var(--color-brand-5);
  --color-icon-gray: var(--color-gray-2);
  --color-icon-gray-light: var(--color-gray-3);
  --color-icon-white: var(--color-white-1);
  --color-icon-cold-gray: var(--color-cold-gray-3);
  --color-icon-disable: var(--color-gray-6);

  --color-fill-white: var(--color-white-1);
  --color-fill-primary-light: var(--color-info-light-1);
  --color-fill-gray-light: var(--color-gray-6);
  --color-fill-gray-medium: var(--color-gray-5);
  --color-fill-gray-dark: var(--color-gray-2);
  --color-fill-dark-collapse: var(--color-gray-1);
  /* 这两个待确认 */
  --color-fill-gray-middle: var(--color-gray-3);
  --color-fill-gray-collapse: var(--color-gray-2);

  --color-fill-disable: #e5e5e5;
  /* --color-fill-disable-switchon: rgba(25, 125, 95, 0.5); */
  --color-fill-disable-switch-on: rgba(25, 125, 95, 0.5);
  --color-fill-switch-on: #1b8561;
  --color-fill-mask: var(--color-gray-2);
  --color-fill-mask-light: var(--color-gray-3);
  --color-fill-mask-white: rgba(255, 255, 255, 0.8);

  --color-bg-body: var(--color-cold-gray-2);
  --color-bg-main: var(--color-white-1);
  /* --color-fill-mask-light:var(--color-gray-2); */

  /* --color-bg-header: var(--color-white-1); */

  --color-border-primary: var(--color-brand-5);
  /* --color-border-primary-active: var(--color-brand-6); */
  --color-border-primary-disable: var(--color-gray-4);
  --color-border-base: var(--color-gray-4);
  --color-border-light-disable: #e5e5e5;
  --color-border-dark-disable: var(--color-gray-4);
  --color-border-active: var(--color-info-7);
  --color-border-disable: #e5e5e5;
  /* --color-border-success: var(--color-success-6);
  --color-border-warning: var(--color-warning-6); */
  --color-border-link: var(--color-secondary-4);
  --color-border-info: var(--color-info-6);

  --color-divider-base: var(--color-gray-6);
  --color-divider-dark: var(--color-gray-5);
  --color-divider-white: var(--color-white-6);

  --font-size-xxxxs: 10px;
  --font-size-xxxs: 11px;
  --font-size-xxs: 12px;
  --font-size-xs: 13px;
  --font-size-s: 14px;
  --font-size-base: 15px;
  --font-size-l: 16px;
  --font-size-xl: 19px;
  --font-size-xxl: 25px;
  --font-size-xxxl: 30px;

  --font-weight-regular: 400;
  --font-weight-bold: 500;
  --font-weight-xbold: 600;

  --font-linehight-base: calc(1em+8px);

  --radius-zero: 0px;
  --radius-xs: 2px;
  --radius-s: 5px;
  --radius-m: 10px;
  --radius-l: 15px;
  --radius-full: 9999px;
  --radius-round: 50%;

  --border-width-zero: 0px;
  --border-width-base: 1px;
  --border-width-bold: 1.5px;
  --border-width-xbold: 2px;

  --border-style-base: solid;
  --border-style-dash: dashed;

  --shadow-light: 0 0 40px rgba(0, 0, 0, 0.03);
  --shadow-base: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 4px 16px rgba(0, 0, 0, 0.15);
  --shadow-dark: 0 24px 38px 3px rgba(0, 0, 0, 0.1),
    0 9px 86px 8px rgba(0, 0, 0, 0.05), 0 11px 15px -7px rgba(0, 0, 0, 0.1);

  --shadow-s: 0 1px 4px rgba(0, 0, 0, 0.2);
  --shadow-base: 0 0 6px rgba(0, 0, 0, 0.2);
  --shadow-l: 0 5px 5px rgba(0, 0, 0, 0.05);

  --size-height-xs: 15px;
  --size-height-s: 25px;
  --size-height-m: 30px;
  --size-height-l: 35px;
  --size-height-xl: 45px;
  --size-height-xxl: 50px;
  --size-height-xxxl: 65px;
  --size-height-xxxxl: 85px;

  --size-icon-xxs: 10px;
  --size-icon-xs: 15px;
  --size-icon-s: 20px;
  --size-icon-m: 25px;
  --size-icon-l: 30px;
  --size-icon-xl: 35px;
  --size-icon-xxl: 45px;

  --spacing-none: 0px;
  --spacing-xs: 5px;
  --spacing-s: 10px;
  --spacing-m: 15px;
  --spacing-l: 20px;
  --spacing-xl: 40px;

  /** 跟自定义主题相关的颜色变量 **/
  --brand-primary: #fa5050;
  /*主色*/
  --brand-primary-tap: #e64949;
  /*主色按下颜色*/
  --brand-primary-main: #eb1313;
  /*主色变体*/
  --brand-important: #ff5b05;
  --color-text-info: #dd0e0e;
  /*错误信息颜色 */
  /* --color-textt-base: #000000; */
  --color-text-danger: #ea4040;
  --color-text-base-inverse: #ffffff;
  /* --color-text-base:#5f6177; */
  --color-text-main: #333333;
  /*主要文本色*/
  /* --color-text-secondary: var(--color-gray-1); 次要文本色 */
  /* --color-text-placeholder: #c9c9c9; */
  /*文本框提示*/
  --color-text-title: #162641;
  /*页面标题色*/
  /* --color-text-disabled: #4d4d4d; 失效文本色 */
  --color-text-caption: #888888;
  /*辅助描述*/
  --color-text-input: #2e6cc6;
  /*输入文本色*/
  --color-text-error: #ff5050;
  /**错误提示文本色 **/
  --color-text-disable: #879499;
  --border-color-base: #dddddd;
  /*边框、分割线颜色*/
  --border-color-disabled: #e5e5e5;
  --border-color-light: #d8d8d8;
  --fill-base-color: #ffffff;
  /*组件背景色*/
  --fill-base-gray-color: #e5e5e5;
  /*组件背景色 灰色*/
  --fill-body-color: #f4f4f4;
  /*页面背景色*/
  --fill-tap: #dddddd;
  /* 组件默认背景 - 按下*/
  --fill-mask: rgba(0, 0, 0, 0.4);
  /* 遮罩背景 */
  --fill-dark: #030303;
  /* --color-icon-base: #cccccc; */
  --fill-switch-color: #6fd865;
  --fill-switch-color-disabled: #a9e6ad;

  /** 其他样式变量 **/
  /* --font-size-l:16px;
    --font-size-s:12px; */
  --font-size-header: 19px;
  /*标题文本*/
  --font-size-subhead: 16px;
  /*二级标题*/
  --font-size-base-main: 15px;
  /*正文文本*/
  --font-size-extra: 12px;
  /*辅助文本*/
  --font-size-heading: 18px;
  --font-size-sudoku-sm: 13px;
  --font-size-base-sm: 14px;
  --font-size-icontext: 10px;
  --font-size-title: 20px;
  --adm-color-box: #f5f5f5;
  --adm-color-weak: #999999;
  --unit-px: 1px;
}