/* 全局CSS变量定义 - 核心！后续主题切换仅需修改这里的变量值 */
/* 靛蓝系（薰衣草紫/科技紫蓝）- 简约科技感/轻量优雅 */
:root {
  /* 主色调（靛蓝系）- 主题色核心，后续切换只改这几个 */
  --primary-color: #6366f1;        /* 主靛蓝（最深）- 按钮、logo、文字hover、选中态 */
  --primary-color-light: #818cf8;  /* 浅紫蓝 - 渐变、按钮背景过渡色 */
  --primary-color-lighter: #a5b4fc;/* 更浅紫蓝 - 边框hover、卡片边框hover、背景点缀 */
  --primary-rgb: 99, 102, 241;       /* 主色RGB值 - 适配rgba透明度（关键，匹配样式里的阴影/透明效果） */

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

  /* 背景色系列 */
  --bg-page: #f5f5f7;              /* 页面整体背景 - 样式原浅灰底，更柔和 */
  --bg-white: #ffffff;             /* 纯白背景 - 卡片、搜索框、按钮、标签等，对比清晰 */
  --bg-primary-light: #eef2ff;     /* 主色浅背景 - 标签hover、卡片icon背景，低饱和紫蓝 */
  --bg-yellow-light: #fef3c7;      /* 黄色浅背景 - 大小徽章，保留辅助色（后续可复用） */

  /* 文本色系列 - 从深到浅，适配不同层级 */
  --text-main: #2d3748;            /* 主文本 - 标题、body默认文字、卡片标题，深灰易读 */
  --text-secondary: #8993a4;       /* 次要文本 - 说明文字、hot-tags标签、页脚默认文字、卡片描述 */
  --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值 - 适配导航栏透明背景（rgba(255,255,255,0.88)） */
  --black-rgb: 0, 0, 0;            /* 黑色RGB值 - 备用 */
}