/* ============================================================
   WeiCity 字体设计令牌与工具类 —— 2026-09-04
   展示字:普惠体(默认)/得意黑/站酷高端黑/系统字体;正文:系统字体;数字:等宽数字特性。

   ⚠ 为什么放 wwwroot 固定 URL而不是 ClientApp 全局 CSS:
     ClientApp 的全局 CSS(main.css / wc-design-tokens.css)不进客户端 bundle,SSR inlineStyles
     只内联「SSR DOM 匹配到的规则」;条件渲染或 ssr:false 页面稍后出现时,这里的 :root
     令牌与工具类可能被整条剪掉,导致 var(--wc-font-display) 取空或类名没有样式。
     <link> 整张样式表加载无此问题,与 wc-display-prefs.css 使用同一通道。
   ⚠ 本文件由 nuxt.config.ts 的 wwwrootAsset() 挂内容哈希 ?v= —— 改动即换 URL,
     规避 CF 边缘 4h 缓存(2026-07-25 品牌换色事故同款)。
   ⚠ 新增字体风格须四处同步:本文件属性块、useDisplayPrefs.ts 的 WC_FONTS、
     nuxt.config.ts 首帧内联脚本白名单、设置页三语 i18n。
   ============================================================ */

:root {
  --wc-font-display: 'WC PuHui', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', system-ui, sans-serif;
  --wc-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', sans-serif;
  --wc-display-weight: 400;
  --wc-display-tracking: 0;
  --wc-display-tracking-caps: 0.06em;
}

html[data-wc-font='smiley'] {
  --wc-font-display: 'Smiley Sans', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', system-ui, sans-serif;
  --wc-display-weight: 400;
  --wc-display-tracking: 0.01em;
  --wc-display-tracking-caps: 0.08em;
}

html[data-wc-font='zcool'] {
  /* 站酷高端黑本身是宽体几何、字距天生就大,不再加字距 */
  --wc-font-display: 'WC ZCool GDH', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', system-ui, sans-serif;
  --wc-display-weight: 400;
  --wc-display-tracking: 0;
  --wc-display-tracking-caps: 0.04em;
}

html[data-wc-font='system'] {
  --wc-font-display: var(--wc-font-body);
  --wc-display-weight: 700;
  --wc-display-tracking: 0;
  --wc-display-tracking-caps: 0.06em;
}

.wc-display,
.wc-display-caps,
.wc-num-display {
  font-family: var(--wc-font-display);
  font-weight: var(--wc-display-weight, 400);
  letter-spacing: var(--wc-display-tracking);
}

.wc-display-caps {
  text-transform: uppercase;
  letter-spacing: var(--wc-display-tracking-caps);
}

.wc-num,
.wc-num-display {
  font-variant-numeric: tabular-nums;
}