/* ============================================================
   兴泰官网 · 设计令牌（Design Tokens）
   建立日期：2026-10-16

   作用：把全站反复出现的字号 / 间距 / 颜色 / 圆角收成变量，
        以后改一处就能全站生效。

   取值依据：统计 acticee/css/style.css 里实际使用的高频值，不是拍脑袋定的。
     · 间距基准 = 5px 网格（最高频：20 出现 33 次、10 出现 29 次、15 出现 25 次）
     · 字号 = 12/13/14/15/16/18/20/25/30（按实际出现次数排序）
     · 主色 #A91F24 出现 90 次，是绝对主导色，其余是它的深浅变体

   ⚠⚠ 这份文件只定义变量，不产生任何一条样式规则。
        引入它不会改变现有页面任何一个像素。

   用法：写新样式时直接用变量：
       .box{ padding: var(--sp-4); }

   浏览器兼容：CSS 变量从 2017 年起所有主流浏览器都支持，IE 已于 2022 年停服，
              所以不写硬编码兜底了。
              如果哪天确认还有老浏览器用户，改成双写即可：
              padding: 20px; padding: var(--sp-4);
   ============================================================ */

:root{

  /* ---------- 字号 ---------- */
  --fs-xs:   12px;   /* 角标、辅助说明（全站 13 次） */
  --fs-sm:   13px;   /* 元信息、次要文字（全站 14 次） */
  --fs-base: 14px;   /* 正文默认、按钮、表格（全站 19 次） */
  --fs-md:   15px;   /* 稍大正文（全站 5 次） */
  --fs-lg:   16px;   /* 小标题、强调（全站 26 次，最高频） */
  --fs-xl:   18px;   /* 段落标题 */
  --fs-2xl:  20px;   /* 区块标题（全站 15 次） */
  --fs-3xl:  25px;   /* 页面主标题（全站 5 次） */
  --fs-4xl:  30px;   /* 大标题（全站 6 次） */

  /* ---------- 间距（5px 网格）---------- */
  --sp-1:   5px;
  --sp-2:  10px;
  --sp-3:  15px;
  --sp-4:  20px;
  --sp-5:  25px;
  --sp-6:  30px;
  --sp-7:  35px;
  --sp-8:  40px;
  --sp-9:  50px;
  --sp-10: 60px;
  --sp-11: 70px;
  --sp-12: 80px;

  /* ---------- 行高 ---------- */
  --lh-tight: 1.2;   /* 大标题 */
  --lh-title: 1.5;   /* 小标题 */
  --lh-base:  1.7;   /* 正文 */

  /* ---------- 颜色 ---------- */
  --c-red:    #A91F24;   /* 品牌主色（全站 90 处） */
  --c-red-d:  #8A1A1E;   /* 主色加深，hover / 按下 */
  --c-red-bg: #FDF3F3;   /* 主色浅底，强调区块 */
  --c-text:   #434343;   /* 主要文字（全站 4 次） */
  --c-text-2: #666666;   /* 次要文字（全站 7 次） */
  --c-text-3: #999999;   /* 辅助文字 */
  --c-line:   #EEEEEE;   /* 分割线（全站 5 次） */
  --c-line-2: #E5E5E5;   /* 边框（全站 2 次） */
  --c-bg:     #F6F6F6;   /* 浅灰底（全站 22 次） */
  --c-bg-2:   #F5F5F5;   /* 浅灰底·次 */
  --c-white:  #FFFFFF;

  /* ---------- 圆角 ---------- */
  --r-sm: 3px;   /* 按钮、标签（全站 5 次，最高频） */
  --r-md: 5px;   /* 输入框、小卡片 */
  --r-lg: 8px;   /* 卡片、面板 */

  /* ---------- 布局宽度 ---------- */
  --w-lg: 1170px;  /* 桌面主容器（Bootstrap 3 默认断点） */
}