/**
* @description 全局主题变量配置
 */
:root {
  //颜色配置
  --base-color-black: #222;
  --base-color-blue: #1890ff;
  --base-color-green: #14c46b;
  --base-color-white: #fff;
  --base-color-black: #515a6e;
  --base-color-yellow: #ffa200;
  --base-color-orange: #ff6700;
  --base-color-red: #fc5d5d;
  --base-color-gray: rgba(0, 0, 0, 0.65);
  --base-color-background: #f6f8f9;
  --el-color-warning: #ffa200;
  //默认层级
  --base-z-index: 999;
  //画廊最左侧菜单背景色
  --base-gallery-first-menu-background: linear-gradient(
    to right,
    #282c34,
    #000
  );
  //画廊菜单背景色
  --base-gallery-second-menu-background: #fff;
  //画廊菜单选中背景色
  --base-gallery-second-menu-background-active: rgba(#1890ff, 0.1);
  //横向、纵向菜单背景色
  --base-menu-background: #282c34;
  //菜单文字颜色
  --base-menu-color: hsla(0, 0%, 100%, 0.95);

  //菜单选中文字颜色
  --base-menu-color-active: hsla(0, 0%, 100%, 0.95);
  //子菜单背景色
  --base-sub-menu-background: #000c17;
  //菜单悬浮背景色
  --base-menu-background-hover: #434c54;
  //菜单选中背景色
  --base-menu-background-active: var(--base-color-blue);
  //标题颜色
  --base-title-color: #fff;
  //字体大小配置
  --base-font-size-small: 12px;
  --base-font-size-default: 14px;
  --base-font-size-big: 16px;
  --base-font-size-bigger: 18px;
  --base-font-size-max: 22px;
  //最大宽度
  --base-main-width: 1279px;
  //圆角
  --base-border-radius: 2.5px;
  //边框颜色
  --base-border-color: #dcdfe6;
  //输入框高度
  --base-input-height: 32px;
  //默认padding
  --base-padding-default: 16px;
  --base-padding-none: 0px;
  --base-padding-8: 10px;
  --base-padding-10: 10px;
  --base-padding-15: 15px;
  --base-padding: 20px;
  //默认阴影
  --base-box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
  //横向top-bar、logo、一级菜单的高度
  --base-top-bar-height: 60px;
  //纵向、综合、画廊logo的高度
  --base-logo-height: 65px;
  //顶部nav-bar的高度
  --base-nav-bar-height: 48px;
  //顶部标签页tabs-bar的高度
  --base-tabs-bar-height: 44px;
  //顶部标签页tabs-bar中每一个item的高度
  --base-tag-item-height: 38px;
  //菜单li标签的高度
  --base-menu-item-height: 50px;

  //app-main的高度
  --base-app-main-height: calc(
    100vh - #{var(--base-nav-bar-height)} - #{var(--base-tabs-bar-height)} -
      35px
  );
  //纵向左侧导航未折叠的宽度
  --base-left-menu-width: 220px;
  //纵向左侧导航未折叠右侧内容的宽度
  --base-right-content-width: calc(100% - #{var(--base-left-menu-width)});
  //纵向左侧导航已折叠的宽度
  --base-left-menu-width-min: 65px;
  //纵向左侧导航已折叠右侧内容的宽度
  --base-right-content-width-min: calc(
    100% - #{var(--base-left-menu-width-min)}
  );
  //默认动画
  --base-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border 0s,
    background 0.2s, color 0.2s, font-size 0s;
  //默认动画长
  --base-transition-time: 0.3s;

  :export {
    // 菜单文字颜色变量导出
    menu-color: var(--base-menu-color);
    // 菜单选中文字颜色变量导出
    menu-color-active: var(--base-menu-color-active);
    // 菜单背景色变量导出
    menu-background: var(--base-menu-background);
    // 画廊菜单背景色变量导出
    gallery-second-menu-background: var(--base-gallery-second-menu-background);
  }
}