/* 全局CSS变量定义 - 核心！后续主题切换仅需修改这里的变量值 */
/* 天青蓝橙渐变系 - 精准匹配原样式，标题蓝橙渐变+天青蓝主交互色 */
:root {
  /* 主色调（天青蓝核心）- 所有交互/品牌主色，精准匹配#0ea5e9系列 */
  --primary-color: #0ea5e9;        /* 主天青蓝 - logo、输入框聚焦边框、标签/页脚hover文字、按钮渐变主色 */
  --primary-color-light: #38bdf8;  /* 浅天蓝 - 按钮背景渐变次色、标题渐变中间色 */
  --primary-color-lighter: #bae6fd;/* 极浅天蓝 - 标签hover边框、卡片hover边框 */
  --primary-rgb: 14, 165, 233;     /* 主色RGB值 - 精准匹配样式内所有rgba透明阴影/聚焦效果 */

  /* 渐变辅助色 - 专属标题蓝橙渐变，提取样式内#f97316 */
  --h1-gradient-last: #f97316;     /* 橙红渐变色 - 标题135度渐变最后一个色值 */

  /* 背景色系列 - 逐行提取原样式背景色，无修改 */
  --bg-page: #f5f7fb;              /* 页面整体背景 - body默认背景 */
  --bg-white: #ffffff;             /* 纯白背景 - 导航、搜索框、标签、卡片、按钮基础背景 */
  --bg-primary-light: #eef7ff;     /* 主色浅背景 - 标签hover背景、卡片icon容器背景 */
  --bg-yellow-light: #fef3c7;      /* 黄色浅背景 - 备用（大小徽章） */

  /* 文本色系列 - 从深到浅层级，完全匹配原样式文本色 */
  --text-main: #2d3748;            /* 主文本 - body默认、卡片标题、导航链接hover色 */
  --text-secondary: #8993a4;       /* 次要文本 - hero说明、hot-tags标签、卡片描述、页脚默认文字 */
  --text-tertiary: #64748b;        /* 第三文本 - 热门标签默认文字、页脚链接默认文字 */
  --text-placeholder: #b0bac9;     /* 占位符文本 - 搜索框input::placeholder */
  --text-yellow: #d97706;          /* 黄色文本 - 备用（大小徽章） */
  --text-white: #ffffff;           /* 白色文本 - 搜索按钮文字 */

  /* 边框色系列 - 精准匹配原样式所有边框值 */
  --border-main: #e2e8f0;          /* 主要边框 - 搜索框、标签、卡片、页脚顶边框 */
  --border-nav: rgba(0, 0, 0, 0.06);/* 导航栏底边框 - 原样式透明浅黑边框 */
  --border-transparent: transparent;/* 透明边框 - 备用 */

  /* 基础RGB值 - 适配透明背景/阴影，提取原样式值 */
  --white-rgb: 255, 255, 255;      /* 白色RGB - 导航栏rgba(255,255,255,0.88)透明背景 */
  --black-rgb: 0, 0, 0;            /* 黑色RGB - 备用（导航边框透明值） */
}