/* 全局CSS变量定义 - 核心！后续主题切换仅需修改这里的变量值 */
/* 粉紫系（活力玫红） */
:root {
  /* 主色调（粉紫系）- 主题色核心，后续切换只改这几个 */
  --primary-color: #d946ef;        /* 主紫（最深）- 按钮、文字hover、选中态 */
  --primary-color-light: #e879f9;  /* 浅紫 - 渐变、卡片边框hover */
  --primary-color-lighter: #f0abfc;/* 更浅紫 - 边框hover、背景点缀 */
  --primary-rgb: 217, 70, 239;       /* 主色RGB值 - 适配rgba透明度（关键） */

  --h1-gradient-last: #f0abfc;     /* h1渐变色的最后一个数值 */

  /* 背景色系列 */
  --bg-page: #fdf4ff;              /* 页面整体背景 */
  --bg-white: #ffffff;             /* 纯白背景 - 卡片、搜索框、按钮等 */
  --bg-primary-light: #fdf4ff;     /* 主色浅背景 - 标签hover、徽章背景 */
  --bg-yellow-light: #fef3c7;      /* 黄色浅背景 - 大小徽章 */

  /* 文本色系列 - 从深到浅，适配不同层级 */
  --text-main: #2d3748;            /* 主文本 - 标题、重要内容 */
  --text-secondary: #8993a4;       /* 次要文本 - 说明、统计、占位符浅级 */
  --text-tertiary: #64748b;        /* 第三文本 - 标签、链接默认、页脚链接 */
  --text-placeholder: #b0bac9;     /* 占位符文本 - 输入框placeholder */
  --text-yellow: #d97706;          /* 黄色文本 - 大小徽章 */
  --text-white: #ffffff;           /* 白色文本 - 按钮文字 */

  /* 边框色系列 */
  --border-main: #e2e8f0;          /* 主要边框 - 卡片、搜索框、分页等 */
  --border-nav: rgba(0, 0, 0, 0.06);/* 导航栏底边框 */
  --border-transparent: transparent;/* 透明边框 */

  /* 其他辅助色/透明值 */
  --white-rgb: 255, 255, 255;      /* 白色RGB值 - 适配导航栏透明背景 */
  --black-rgb: 0, 0, 0;            /* 黑色RGB值 - 备用 */
}