/* ===== 设计令牌（T11）=====
 * 全站色值的唯一定义处。此前 131 处硬编码色值分散在 6 个 CSS 文件中，
 * 改主题色需逐文件替换且无法切换主题。
 *
 * 命名规则：--c-{色系}-{明度档}，由脚本 tools/apply-css-design-tokens.cjs
 * 依据 HSL 自动归类生成；令牌值与原字面量逐字相同，故本次改造**零视觉变更**。
 *
 * 使用：color: var(--c-gray-700);  —— 禁止再写裸 hex。
 */
:root {
  --c-white: #fff;
  --c-gray-700: #374151;
  --c-gray-100: #e5e7eb;
  --c-emerald-500: #25d366;
  --c-gray-700-2: #4b5563;
  --c-indigo-400: #4f46e5;
  --c-blue-600: #0066b4;
  --c-blue-700: #044a80;
  --c-gray-900: #111827;
  --c-blue-500: #1484d6;
  --c-gray-800: #1f2937;
  --c-gray-500: #6b7280;
  --c-gray-400: #9ca3af;
  --c-orange-600: #b45309;
  --c-red-500: #dc2626;
  --c-gray-100-2: #e8e8ed;
  --c-blue-50: #eef2ff;
  --c-gray-50: #f3f4f6;
  --c-red-500-2: #ff0000;
  --c-emerald-700: #15803d;
  --c-emerald-800: #166534;
  --c-emerald-600: #1da851;
  --c-blue-500-2: #2563eb;
  --c-gray-800-2: #2a3142;
  --c-gray-800-3: #333;
  --c-gray-800-4: #333333;
  --c-red-600: #991b1b;
  --c-orange-700: #9a3412;
  --c-red-600-2: #b91c1c;
  --c-emerald-100: #bbf7d0;
  --c-gray-100-3: #cdd9e6;
  --c-orange-600-2: #d97706;
  --c-blue-50-2: #e6f0fa;
  --c-emerald-50: #e7f6ec;
  --c-blue-50-3: #e8f0fe;
  --c-red-400: #ef4444;
  --c-blue-50-4: #eff6ff;
  --c-green-50: #f0fdf4;
  --c-gray-50-2: #f5f5f7;
  --c-gray-50-3: #f5f7fa;
  --c-gray-50-4: #f8fafc;
  --c-gray-50-5: #f9fafb;
  --c-red-50: #fde8e8;
  --c-red-100: #fecaca;
  --c-orange-200: #fed7aa;
  --c-red-50-2: #fee2e2;
  --c-red-50-3: #fef2f2;
  --c-amber-100: #fef3c7;
  --c-orange-50: #fff4e5;
  --c-orange-50-2: #fff7ed;
  --c-white-2: #ffffff;
}

/* ========================================================================
   theme.css — 设计令牌（Design Tokens）
   配色取自原站实测：主蓝 var(--c-blue-600) / hover var(--c-blue-700) / 正文 var(--c-gray-800-3) / 强调红 var(--c-red-500-2)
   轻量、无预处理器，纯原生 CSS 变量。
   ======================================================================== */
:root {
  /* 品牌色 */
  --brand: var(--c-blue-600);
  --brand-dark: var(--c-blue-700);
  --brand-light: var(--c-blue-50-2);
  --accent: var(--c-red-500-2);            /* 价格 / 促销 / 重要提示 */

  /* 中性色 */
  --text: var(--c-gray-800-4);
  --muted: var(--c-gray-500);
  --bg: var(--c-white-2);
  --bg-soft: var(--c-gray-50-3);
  --border: var(--c-gray-100);

  /* 形状 */
  --radius: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);
  --shadow: 0 4px 16px rgba(0, 0, 0, .08);
  --shadow-hover: 0 8px 28px rgba(0, 0, 0, .12);

  /* 布局 */
  --container: 1440px;
  --header-h: 64px;

  /* 字体 */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
          Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

  /* 动效 */
  --t: .2s ease;
}