/* ============================================
 * CSS 变量 - 浅色主题
 * ============================================ */
:root {
  /* 主题色 - 蓝色系 */
  --primary-color: #409EFF;
  --primary-color-light: #66b1ff;
  --primary-color-dark: #337ecc;
  --primary-color-rgb: 64, 158, 255;

  /* 成功、警告、危险色 */
  --success-color: #67C23A;
  --warning-color: #E6A23C;
  --danger-color: #F56C6C;
  --info-color: #909399;

  /* 背景色 */
  --bg-color: #F0F2F5;           /* 页面背景 */
  --sidebar-bg: #F0F2F5;         /* 侧边栏背景 */
  --header-bg: #FFFFFF;          /* 顶部导航背景 */
  --content-bg: #FFFFFF;         /* 内容区背景 */
  --card-bg: #FFFFFF;            /* 卡片背景 */

  /* 文字颜色 */
  --text-primary: #303133;       /* 主文字 */
  --text-regular: #606266;       /* 常规文字 */
  --text-secondary: #909399;     /* 次要文字 */
  --text-placeholder: #C0C4CC;   /* 占位符 */

  /* 边框色 */
  --border-color: #E4E7ED;
  --border-color-light: #EBEEF5;
  --border-color-lighter: #F2F6FC;

  /* 阴影 */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 2px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 4px 20px rgba(0, 0, 0, 0.08);

  /* 圆角 */
  --border-radius-sm: 4px;
  --border-radius: 8px;
  --border-radius-lg: 12px;

  /* 尺寸 */
  --sidebar-width: 220px;
  --sidebar-collapsed-width: 64px;
  --header-height: 60px;

  /* 渐变 */
  --primary-gradient: linear-gradient(135deg, #409EFF 0%, #337ecc 100%);
  --success-gradient: linear-gradient(135deg, #67C23A 0%, #529b2e 100%);
  --warning-gradient: linear-gradient(135deg, #E6A23C 0%, #b88230 100%);
  --danger-gradient: linear-gradient(135deg, #F56C6C 0%, #c45656 100%);
  --info-gradient: linear-gradient(135deg, #909399 0%, #73767a 100%);
}