:root {
  // 字体系统
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  // 颜色系统
  --color-bg: #f5f3f0; // 温暖的米色背景
  --color-bg-light: #fafaf8;
  --color-sidebar: #0c1222; // 深蓝色侧边栏
  --color-sidebar-hover: #162032;
  --color-sidebar-active: #1d5af3;
  --color-accent: #1d5af3; // 主色调蓝色
  --color-accent-light: #3378fc;
  --color-success: #22c55e;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;
  --color-text-primary: #1a1a2e;
  --color-text-secondary: #64748b;
  --color-border: #e8e6e1;

  // 阴影系统
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.08);

  // 圆角系统
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  // 过渡动画
  --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);

  /* 头部高度 */
  --header-container-default-heigth: 56px;

  /* 侧边栏宽度 */
  --sidebar-default-width: 280px;
  --sidebar-background-color: #0c1222;
  --sidebar-hover-color: #162032;

  /* 登录弹框变量 */
  --login-dialog-width: 738px;
  --login-dialog-height: 416px;
  --login-dialog-padding: 0px;
  --login-dialog-section-padding: 0px;
  --login-dialog-border-radius: 24px;
  --login-dialog-mode-toggle-color: #409eff;
  --login-dialog-logo-background: #ffffff;
  --login-dialog-logo-text-color: #191919;

  /* 覆盖 element-plus 样式 */
  --el-border-radius-base: 12px !important;
  --el-messagebox-border-radius: 16px !important;
}
