/* ==========================================================================
   鑫链五金 · 报价查询 — 视觉规范（Design Tokens v2）
   方向：B 清爽商务（白底 + 品牌红 + 圆角卡片）+ C 承诺带 + A 三色数据
   ========================================================================== */

:root {
  /* ---- 底色 ---- */
  --bg-page:     #F6F7F9;   /* 页面底：冷白灰 */
  --bg-tool:     #FFFFFF;   /* 工具/卡片底 */
  --bg-tool-hov: #FFF5F6;   /* 工具区 hover（品牌红极淡） */
  --bg-card:     #FFFFFF;
  --bg-hover:    #F7F8FA;   /* 列表悬停 */
  --bg-soft:     #FFF1F2;   /* 品牌红极淡块 */

  /* ---- 墨色 ---- */
  --ink-1: #101828;   /* 标题 */
  --ink-2: #1D2939;   /* 正文 */
  --ink-3: #475467;   /* 次要正文 */
  --ink-4: #667085;   /* 辅助说明 */
  --ink-5: #98A2B3;   /* 占位 */

  /* ---- 线 ---- */
  --line:      #E4E7EC;
  --line-soft: #EFF1F4;
  --line-in:   #D0D5DD;

  /* ---- 品牌色（品牌红，来自 logo 的橙红 + 现有朱红） ---- */
  --brand:     #D9202F;
  --brand-hov: #B81724;
  --brand-ink: #D9202F;
  --brand-2:   #F0912B;   /* logo 暖橙，用于点缀/渐变 */

  /* ---- 三色语义（A 的三色数据） ---- */
  --ok:      #0F7B43;   --ok-bg:   #E7F6EE;   --ok-line:   #B7E4C7;
  --warn:    #A26100;   --warn-bg: #FFF4E0;   --warn-line: #FFD79A;
  --bad:     #C2172A;   --bad-bg:  #FDECEE;   --bad-line:  #F7C2C8;
  --info:    #2C6BD8;
  --sum-bg:  #F7F8FA;

  /* ---- 圆角（清爽商务：卡片化） ---- */
  --r-sm: 8px;
  --r:    12px;
  --r-lg: 16px;

  /* ---- 阴影 ---- */
  --sh-1: 0 1px 2px rgba(16,24,40,.05);
  --sh-2: 0 4px 16px rgba(16,24,40,.06);
  --sh-3: 0 12px 32px rgba(16,24,40,.10);

  /* ---- 版心与控件 ---- */
--page:  min(100%, 2200px);   /* 跟随窗口自适应：大屏不再两侧留白 */
  --ctl-h: 50px;

  --font: 'PingFang SC', 'Noto Sans SC', 'Hiragino Sans GB', 'Microsoft YaHei',
          'Segoe UI', Arial, sans-serif;
  --font-num: 'SF Mono', 'Segoe UI', ui-monospace, Consolas, monospace;
}