@use "theme";
@use "transition";
@use "element-plus";
@use "sidebar";
@use "dark";

/* 自定义全局 CssVar */
:root {
  /* 左侧菜单展开、收起动画时长 */
  --pure-transition-duration: 0.3s;

  /* 常用border-color 需要时可取用 */
  --pure-border-color: rgb(5 5 5 / 6%);

  /* switch关闭状态下的color 需要时可取用 */
  --pure-switch-off-color: #a6a6a6;

  /** 主题色 */
  --pure-theme-sub-menu-active-text: initial;
  --pure-theme-menu-bg: none;
  --pure-theme-menu-hover: none;
  --pure-theme-sub-menu-bg: transparent;
  --pure-theme-menu-text: initial;
  --pure-theme-sidebar-logo: none;
  --pure-theme-menu-title-hover: initial;
  --pure-theme-menu-active-before: transparent;

  /* Brand Red — 覆盖 Element Plus 默认蓝色为品牌红 #C83A35 */
  --el-color-primary: #C83A35;
  --el-color-primary-light-1: #D1635C;
  --el-color-primary-light-2: #D57068;
  --el-color-primary-light-3: #D97B6F;
  --el-color-primary-light-4: #DF8E81;
  --el-color-primary-light-5: #E59E94;
  --el-color-primary-light-6: #EBAFA6;
  --el-color-primary-light-7: #F1C4BD;
  --el-color-primary-light-8: #F6D6D1;
  --el-color-primary-light-9: #FBE9E6;
  --el-color-primary-dark-1: #B43330;
  --el-color-primary-dark-2: #A02D29;
  --el-color-primary-rgb: 200, 58, 53;
  --el-menu-active-color: #C83A35;
  --el-menu-hover-bg-color: rgb(200 58 53 / 8%);
}

/* 灰色模式 */
.html-grey {
  filter: grayscale(100%);
}

/* 色弱模式 */
.html-weakness {
  filter: invert(80%);
}
