/* ============================================================
   SFCHEM V6.0 品牌层 · 设计令牌
   来源:《四方化工-网站UI设计规范-v2.3》(v6-brand/assets/design/)
   加载顺序:必须晚于 sfchem-visual-system.php 的样式输出。
   部署前与生产 --sf-* 变量名做映射核对(V6.0_IMPLEMENTATION.md §4),
   核对后在本文件末尾的「生产变量桥接」区补上 --sf-* → --sfv6-* 映射。
   ============================================================ */
:root {
  /* UI 行动色 */
  --sfv6-blue: #1565D8;        /* 主行动:按钮/链接/选中 */
  --sfv6-blue-deep: #0E4DA4;   /* hover / 按下 */
  --sfv6-cyan: #2BC8E6;        /* 强调:焦点环/下划线/图表 */
  --sfv6-amber: #F5A623;       /* 仅询样/联系类高强度行动 */

  /* 框架深色 */
  --sfv6-navy: #0A2540;        /* 页头 / 首屏 / 深色带 */
  --sfv6-ink:  #081D33;        /* 顶栏 / 页脚 / 最深层 */

  /* 中性 */
  --sfv6-bg: #F4F8FB;
  --sfv6-card: #FFFFFF;
  --sfv6-line: #DCE6F2;
  --sfv6-text: #16324B;
  --sfv6-text2: #5B7186;
  --sfv6-ok: #1FA971;
  --sfv6-danger: #E5484D;
  --sfv6-grad: linear-gradient(135deg, #1565D8, #2BC8E6);

  /* 标志专用面色 —— 只用于标志与家族图形,不参与界面着色 */
  --sfv6-logo-top: #7FE3F7;  --sfv6-logo-left: #2D7FF0;  --sfv6-logo-right: #1450A8;
  --sfv6-logo-atop: #D9F7FE; --sfv6-logo-aleft: #3E97FF; --sfv6-logo-aright: #1D62C4;

  /* 字体 */
  --sfv6-serif: "Noto Serif SC", "Source Han Serif SC", serif;          /* 标题/品牌 · 900 */
  --sfv6-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
  --sfv6-en: "Inter", "Helvetica Neue", Arial, sans-serif;              /* 英文/数字 */

  /* 几何与层次 */
  --sfv6-r-btn: 9px;  --sfv6-r-input: 13px;  --sfv6-r-card: 18px;
  --sfv6-shadow-1: 0 2px 8px rgba(16, 48, 86, .06);
  --sfv6-shadow-2: 0 8px 24px rgba(16, 48, 86, .10);
  --sfv6-shadow-3: 0 16px 44px rgba(16, 48, 86, .16);
}

/* ------------------------------------------------------------
   生产变量桥接 · 2026-08-19 按 V5.815 生产源码逐变量核对填写
   依据:content/mu-plugins/sfchem-visual-system/visual-system.css
        (SHA-256 与 V5.815 生产记录一致:6fce8c0e…f05dfa)
   作用域必须用 body.sf-visual-system(0,1,1):V5.815 变量定义在该
   作用域,:root(0,1,0) 特异度不足会被反杀。本层加载晚于生产样式,
   同特异度后到者胜。
   黄铜收编:brass/brass-light 全部深色语境(页头顶线/导航下划线/深色
   hero 链接/kicker)→ 荧青;两处浅底例外在 components 层单独修正。
   ------------------------------------------------------------ */
body.sf-visual-system {
  /* 深色框架 */
  --sf-navy: var(--sfv6-navy);            /* #0a2235 → #0A2540 页头/深色带 */
  --sf-navy-2: var(--sfv6-blue-deep);     /* 搜索按钮 hover(唯一用点)→ 行动深蓝 */
  /* 黄铜 → 荧青(深色语境) */
  --sf-brass: var(--sfv6-cyan);           /* 页头顶线/导航下划线/下拉顶线/编号 */
  --sf-brass-light: var(--sfv6-cyan);     /* 深色 hero 链接/kicker/标签(8 处均深底) */
  /* 行动与文本 */
  --sf-blue: var(--sfv6-blue);            /* 链接与行动 #0b628a → #1565D8 */
  --sf-blue-deep: #102A43;                /* ⚠ V5.815 以它上 h1–h3 标题色(!important)
                                             → 按 v2.3 标题墨色,非行动深蓝 */
  --sf-ink: var(--sfv6-text);
  --sf-copy: var(--sfv6-text);
  --sf-muted: var(--sfv6-text2);
  --sf-steel: var(--sfv6-text2);          /* 搜索工具条 label(工具条在页头外,浅底) */
  /* 面与线 */
  --sf-surface: var(--sfv6-card);
  --sf-canvas: var(--sfv6-bg);            /* body 画布 */
  --sf-mist: var(--sfv6-bg);              /* 下拉 hover 面 */
  --sf-blue-soft: #EAF2FD;                /* 软面板:由四方蓝派生的浅面(v6 无同级令牌) */
  --sf-blue-pale: var(--sfv6-bg);
  --sf-line: var(--sfv6-line);
  --sf-line-strong: #C7D6EA;              /* 强分隔线:line 加深一档(派生) */
  /* 语义色 */
  --sf-positive: var(--sfv6-ok);
  --sf-gold: var(--sfv6-amber);           /* V5.815 已无用点,兜底归询样琥珀 */
  /* 几何与阴影(±2px 内对齐 v6 几何) */
  --sf-radius-sm: var(--sfv6-r-btn);
  --sf-radius: var(--sfv6-r-input);
  --sf-radius-lg: var(--sfv6-r-card);
  --sf-shadow-sm: var(--sfv6-shadow-1);
  --sf-shadow: var(--sfv6-shadow-2);
  --sf-shadow-hover: var(--sfv6-shadow-3);
  /* --sf-reading-width 不桥接:阅读宽度属版式,V6.0 不动 */
}