/* ==========================================================================
   37313 · Design Tokens（UI 母版 v1）
   职责：只放变量，不放任何选择器样式。
   加载：仅首页经 public/header.html 的 $extraCss 钩子引入，其他 64 个模板零影响。
   作用域：变量挂在 :root 上——因为本目录 4 个文件只被首页加载，
           所以变量覆盖天然只作用于首页文档（含其公共 Header），不会污染其它页面。
   回滚：删除首页控制器的 extraCss 传参 + 移除本目录 4 个文件即可，dark.css 不受影响。
   ========================================================================== */

:root{
  /* ---------- 容器三档（决策：外壳 1540 / 核心内容 1380 / 阅读 820）----------
     .m-page  全站外壳，只负责居中，永不加压内部数据区
     .m-core  首页核心内容区（Hero、判断型内容）
     .m-wide  数据区，自适应外壳全部可用宽度
     .m-read  长文本阅读宽度 */
  --shell-max:1540px;
  --home-core-max:1380px;
  --content-max:1240px;
  --detail-max:1180px;
  --reading-max:820px;
  --gutter:32px;

  /* ---------- 间距 ---------- */
  --gap-2:2px;  --gap-4:4px;  --gap-6:6px;  --gap-8:8px;
  --gap-10:10px;--gap-12:12px;--gap-16:16px;--gap-20:20px;
  --gap-24:24px;--gap-32:32px;--gap-40:40px;
  --sec-pad:38px;

  /* ---------- 圆角（母版规则：只用 7 / 10）---------- */
  --radius:10px;
  --radius-s:7px;

  /* ---------- 字体 ---------- */
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;

  /* ---------- 品牌（全站单一强调色，替换青绿+紫蓝渐变）---------- */
  --brand:#42d6b0;
  --brand-2:#42d6b0;              /* 与 --brand 同色：消除旧的双色渐变装饰 */
  --m-brand:#42d6b0;
  --m-brand-soft:rgba(66,214,176,.10);
  --m-brand-line:rgba(66,214,176,.35);

  /* ---------- 语义色（只表达数据含义，绝不作装饰）----------
     绿 = 正向 / 通过 / 上涨     红 = 风险 / 异常 / 下降
     黄 = 活动补贴 / 未核实 / 提醒  */
  --m-good:#58cf92;
  --m-warn:#e7b75d;
  --m-bad:#ef6d78;
  --m-good-soft:rgba(88,207,146,.10);
  --m-warn-soft:rgba(231,183,93,.10);
  --m-bad-soft:rgba(239,109,120,.10);

  /* ---------- 面 / 线 / 字 ---------- */
  --m-bg:#0b0f14;
  --m-surface:#10161d;
  --m-surface-2:#141b23;
  --m-line:#26313d;
  --m-line-soft:#1d2733;
  --m-text:#eef3f7;
  --m-muted:#8e9aa7;
  --m-soft:#b9c3cc;

  /* ---------- 尺寸 ---------- */
  --m-topbar-h:64px;
  --m-num-size:22px;
}

/* 左右安全间距随视口收敛：桌面 32 / 平板 24 / 手机 16 */
@media (max-width:1200px){
  :root{ --gutter:24px; }
}
@media (max-width:820px){
  :root{ --gutter:16px; --sec-pad:31px; }
}