:root {
  --color-white: #fff;
  --input-append-bg-color: #fff;
  --color-black: #000000;
  /* --color-primary: #4A5DFF; */
  --color-primary: #A93135;
  --color-success: #67c23a;
  --color-warning: #e6a23c;
  --color-danger: #f56c6c;
  --color-info: #909399;
  --color-primary-light-1: color-mix(in srgb, var(--color-white) 10%, var(--color-primary));
  --color-primary-light-2: color-mix(in srgb, var(--color-white) 20%, var(--color-primary));
  --color-primary-light-3: color-mix(in srgb, var(--color-white) 30%, var(--color-primary));
  --color-primary-light-4: color-mix(in srgb, var(--color-white) 40%, var(--color-primary));
  --color-primary-light-5: color-mix(in srgb, var(--color-white) 50%, var(--color-primary));
  --color-primary-light-6: color-mix(in srgb, var(--color-white) 60%, var(--color-primary));
  --color-primary-light-7: color-mix(in srgb, var(--color-white) 70%, var(--color-primary));
  --color-primary-light-8: color-mix(in srgb, var(--color-white) 80%, var(--color-primary));
  --color-primary-light-9: color-mix(in srgb, var(--color-white) 90%, var(--color-primary));
  /* 浅色菜单 */
  /* --yn-menu-bg-color: #fff;
  --yn-menu-bg-hover-color: var(--color-primary-light-9);
  --yn-menu-text-color: #333333;
  --yn-menu-active-text-color: var(--color-primary); */
  /* 浅色菜单 */
  /* 深色菜单 */
  --el-bg-color-page: #EFEFEF;
  --yn-menu-bg-color: #333333;
  --yn-menu-bg-hover-color: var(--color-primary);
  --yn-menu-text-color: #FFFFFF;
  --yn-menu-active-text-color: #FFFFFF;
  /* 深色菜单 */
  --yn-border-color: #dcdfe6;
  --yn-header-bg-color: #fff;
  --yn-header-color: #666666;
  --yn-border-color-light: #e4e7ed;
  --yn-card-padding: 16px;
  --yn-tabel-header-bg-color: #FAFAFA;
  --yn-tabel-header-color: #666666;
  --yn-color: #606266;
}

/* https://juejin.cn/post/7474220344699371546 */