/* 样式变量 zzc 2022-05-13 */
html {
  --rgb-primary: 0, 178, 169;
  --rgb-white: 255, 255, 255;
  --rgb-dark: 51, 51, 51;

  --el-color-primary: rgb(var(--rgb-primary))!important;
	--el-color-primary-light-3: #31d3cb!important;
	--el-color-primary-light-5: #afeae8!important;
	--el-color-primary-light-7: #c1f6f3!important;
	--el-color-primary-light-8: #cff9f7!important;
	--el-color-primary-light-9: #d0ebea!important;
	--el-color-primary-dark-2: #018a83!important;
  --el-border-radius-base: 2px!important;
  --el-menu-item-height: 50px!important;

  --color-dark: rgb(var(--rgb-dark));
  --color-white: rgb(var(--rgb-white));
  --color-primary: rgb(var(--rgb-primary));
  --color-gray: rgba(var(--rgb-dark), 0.6);
  --bg-white: rgba(var(--rgb-white), 1);
  --bg-gray: rgba(var(--rgb-dark), 0.05);
  --border-1: rgba(var(--rgb-dark), 0.1);
  --border-2: rgba(var(--rgb-dark), 0.2);
  --color-price: #E02020;

  --content-width: 1200px;

  --space-5: 5px;
  --space-10: 10px;
  --space-15: 15px;
  --space-20: 20px;
  --space-25: 25px;
  --space-30: 30px;
}

/* Dark mode */
html.dark {
  --rgb-primary: 0, 140, 133;
  --rgb-white: 55, 55, 55;
  --rgb-dark: 222, 222, 222;
  --el-color-primary-light-3: #489b97!important;
	--el-color-primary-light-5: #8abab9!important;
	--el-color-primary-light-7: #9bc7c5!important;
	--el-color-primary-light-8: #9ec0be!important;
	--el-color-primary-light-9: #849a99!important;
}

html.dark body { background: #222222!important; }

html.dark .kscm-login-page {
  background: linear-gradient(45deg, #0e3a43, #0c3138);
}

html.dark .kscm-login-page .kscm-login-box {
  box-shadow: 0 0 20px #042727;
}
html.dark .kscm-login-page .kscm-login-box:after {
  filter: brightness(0.7);
}