/* ==========================================================================
   B2B 营销体检 · 补充设计变量
   --------------------------------------------------------------------------
   这个文件只放「design/design-tokens.css 里没有、但代码里用到了」的变量。

   铁律照旧：除本文件和 design/design-tokens.css 之外，
   项目里任何 .css / .html 都不许写裸颜色值（#xxx）。

   你想改颜色 / 字号 / 圆角 → 去 design/design-tokens.css（设计师维护那份）
   你想改这里的东西 → 基本不用改，除非你要加新组件
   ========================================================================== */

:root {
  /* ---- 图表：对标系列 ----
     设计提示词 §8.4 引用了 --chart-bench-stroke / --chart-bench-dash，
     但 design-tokens.css 没定义，这里补上。
     注意：design-tokens.css §15 明确写了「不画编造的对标线」，
     所以本轮首屏样张只用「你的企业」一条线 + 满分基准线，没用这个。
     等真有了可信的同业基线数据，再启用。 */
  --chart-bench-stroke: var(--brass-600);
  --chart-bench-dash: 5 4;
  --score-bench: var(--brass-600);

  /* ---- 自绘遮罩（二次确认面板）----
     不用原生 <dialog>：微信内置浏览器 X5 内核对新 API 支持滞后 */
  --brand-900-rgb: 11 41 66;
  --overlay-scrim: rgb(var(--brand-900-rgb) / 0.42);
  --overlay-panel-bg: var(--surface);

  /* ---- 首屏报告样张 ---- */
  --sample-fade-h: 48px;

  /* ---- 语义色的 hover 态（design-tokens.css 只给了基础态）----
     危险按钮 hover 要比基础态更暗一档，不然点了没反馈。
     这里用 danger 的 RGB 分量现算，不写裸色值。 */
  --danger-rgb: 163 32 27;            /* 与 design-tokens.css 的 --danger 同色，改色请改那边的 --danger 后同步这里 */
  --danger-hover: rgb(var(--danger-rgb));
}

/* 手机上顶栏变矮（design-tokens.css 定义了 --header-h-mob 但没在断点里套用） */
@media (max-width: 640px) {
  :root {
    --header-h: var(--header-h-mob);
  }
}