/* ═══════════════════════════════════════════════════════════════════
   Design Tokens — 安吉尔净水器专卖店（宝坻店）
   阶段3-F01 新皮肤唯一事实源，所有组件只引用 token，禁止硬编码色值/字号
   基准：方向A「清水科技·品牌红版」，品牌色据门店实拍校准
   ═══════════════════════════════════════════════════════════════════ */

:root {
  /* ── 色板 ── */
  --brand:       #D6252A;   /* 安吉尔红（门头实拍校准），仅用于 CTA/标签/强调 */
  --brand-dark:  #A81B20;   /* 红深色（渐变/悬停态） */
  --ink:         #0B1F3A;   /* 标题/深色区块底色 */
  --body:        #2B3442;   /* 正文 */
  --gray:        #5A6472;   /* 次要文本/辅助信息 */
  --mist:        #F7F7F8;   /* 雾白区块底 */
  --line:        #ECEEF2;   /* 分隔线/卡片边 */
  --white:       #FFFFFF;

  /* ── 字号阶梯（正文 16px 起） ── */
  --fs-hero:  clamp(34px, 5vw, 52px);
  --fs-h2:    clamp(26px, 3.4vw, 34px);
  --fs-h3:    19px;
  --fs-body:  16px;
  --fs-small: 14px;
  --fs-tiny:  12.5px;

  /* ── 间距 ── */
  --space-sec:  clamp(64px, 9vw, 96px);   /* section 纵向间距 */
  --space-card: 24px;                      /* 卡片内边距 */
  --space-md:   16px;                      /* 中等间距 */

  /* ── 圆角 ── */
  --radius-card: 16px;
  --radius-btn:  999px;

  /* ── 阴影 ── */
  --shadow-card: 0 14px 40px rgba(214, 37, 42, .08);

  /* ── 过渡 ── */
  --transition: .25s ease;

  /* ── 断点 ── */
  --bp-mobile: 860px;

  /* ── 布局 ── */
  --wrap:       1160px;
  --nav-height: 68px;

  /* ── 辅助色（派生自基础色板，勿覆盖主色语义） ── */
  --accent-blue-bg:      #EAF2FF;   /* 蓝色标签背景 */
  --placeholder-start:   #BBD7FF;   /* 占位图渐变起点 */
  --placeholder-end:     #E8F2FF;   /* 占位图渐变终点 */
  --placeholder-text:    #7FA8DC;   /* 占位图文字 */
  --featured-body:       #A9BAD0;   /* 深色卡片正文 */
  --featured-link:       #8FB8FF;   /* 深色卡片链接 */
  --cta-sub:             #CFE2FF;   /* CTA 带副标题 */
  --brand-pld-start:     #1C2530;   /* 品牌图占位渐变起点 */
  --brand-pld-end:       #0B1F3A;   /* 品牌图占位渐变终点 */
  --brand-pld-text:      #6E7B8C;   /* 品牌图占位文字 */
  --footer-heading:      #9FB4CC;   /* 页脚栏目标题 */
  --footer-text:         #E8EEF5;   /* 页脚正文 */
  --footer-divider:      #22344F;   /* 页脚分割线 */
  --footer-muted:        #7A8EA8;   /* 页脚辅助文字 */
  --dark-card-bg:        #1C2530;   /* 品牌图占位起点（复用品牌占位） */

  /* ── 字体栈 ── */
  --font-stack: "PingFang SC", "Microsoft YaHei", sans-serif;
}