// 该文件由 Vite scss additionalData 自动注入，请只放置变量与 mixin，不要输出任何样式

// 布局尺寸
$sidebar-width: 220px;
$sidebar-width-collapsed: 64px;
$navbar-height: 50px;
$container-padding: 16px;

// 主题色（Element Plus 主色通过 CSS 变量覆盖，见 styles/element/index.scss）
$color-primary: #409eff;
$color-success: #67c23a;
$color-warning: #e6a23c;
$color-danger: #f56c6c;
$color-info: #909399;

// 文字
$text-color-primary: #303133;
$text-color-regular: #606266;
$text-color-secondary: #909399;

// 背景与边框
$bg-page: #f5f7fa;
$bg-sidebar: #ffffff;
$border-color: #e4e7ed;
$border-color-light: #ebeef5;

// 层级
$z-index-sidebar: 1001;
$z-index-navbar: 1002;

// 过渡
$transition-duration: 0.28s;

@mixin flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

@mixin text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}