:root {
  /* 主色 - 深靛蓝到紫罗兰渐变 */
  --primary-gradient: linear-gradient(135deg, #2A3950 0%, #7F5A83 100%);
  --primary-dark: #2A3950;   /* 深靛蓝 - 主要按钮、重点元素 */
  --primary-light: #7F5A83;  /* 紫罗兰 - 强调元素、提示信息 */
  
  /* 纯色主色变体 */
  --primary-100: #EAE6ED; /* 最浅色调 - 背景、分割线 */
  --primary-200: #D5CCDC; /* 浅色调 - 禁用状态 */
  --primary-300: #B39BB8; /* 中浅色调 - hover状态 */
  --primary-400: #916B9E; /* 中色调 - 次要按钮 */
  --primary-500: #7F5A83; /* 标准色调 - 紫罗兰 */
  --primary-600: #634766; /* 中深色调 - active状态 */
  --primary-700: #4A3549; /* 深色调 - 文本强调 */
  --primary-800: #36273A; /* 深色调 - 标题文字 */
  --primary-900: #2A3950; /* 最深色调 - 深靛蓝 */
  
  /* 功能色 */
  --success: #44CFCB;     /* 薄荷绿 - 成功提示、完成状态 */
  --warning: #D68060;     /* 暖赭石 - 警告信息、注意状态 */
  --error: #9E4784;       /* 深莓红 - 错误提示、严重警告 */
  --info: #5B8CFF;        /* 天蓝 - 信息提示、帮助内容 */
  
  /* 功能色变体 */
  --success-light: #E0F7F7; /* 浅薄荷绿 - 成功背景 */
  --warning-light: #F9E2D9; /* 浅暖赭石 - 警告背景 */
  --error-light: #F2DCE9;   /* 浅深莓红 - 错误背景 */
  --info-light: #E4ECFF;    /* 浅天蓝 - 信息背景 */
  
  /* 浅色主题 */
  --background-light: #F7F9FC;  /* 淡雾白 - 页面背景 */
  --surface-light: #FFFFFF;     /* 纯白 - 卡片、模态框背景 */
  --border-light: #E1E6F0;      /* 浅灰 - 边框、分割线 */
  --text-primary-light: #1F2937; /* 深灰 - 主要文本 */
  --text-secondary-light: #6B7280; /* 中灰 - 次要文本 */
  --text-disabled-light: #9CA3AF; /* 浅灰 - 禁用文本 */
  
  /* 深色主题 */
  --background-dark: #121212;   /* 深夜黑 - 页面背景 */
  --surface-dark: #1E1E1E;      /* 深灰 - 卡片、模态框背景 */
  --border-dark: #2D2D2D;       /* 中灰 - 边框、分割线 */
  --text-primary-dark: #F7F9FC; /* 淡雾白 - 主要文本 */
  --text-secondary-dark: #D1D5DB; /* 浅灰 - 次要文本 */
  --text-disabled-dark: #6B7280; /* 中灰 - 禁用文本 */
  
  /* 字体 */
  --font-family-zh: "Source Han Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-family-en: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-family-numeric: "DIN Pro", "Inter", sans-serif;
  --font-family-base: var(--font-family-zh), var(--font-family-en);
}