/* ============================================================
   时为集团 · 设计令牌(唯一真相)  brand/tokens.css
   08-19 凯丹:「鹰眼全部先好好的改良自己的 包括字体风格 还有那层高那些
   全部写出来 定好规则」。

   改前的病(生产实测):鹰眼 16 个页面各带一份 :root ——
   主色 8:8 平票(#2563eb vs #2f5fd8)、绿 4 种、红 4 种、灰字 4 种、
   文字色两套命名(--ink/--txt)。跳页面时的"割裂感"一半来自这里。

   规则:
   ① 页面【不许】再定义自己的 :root 颜色变量 —— 全部从这里继承
   ② 基准取最近打磨的一代(爆品攻坚/知识库/定价器那 8 页)
   ③ 旧命名(--txt/--border/--warn…)在这里做成别名,旧页面零改引用
   ④ --brand 是唯一各系统可覆盖的:鹰眼蓝 / 猎隼隼青 —— 品牌识别,不是割裂
   ============================================================ */
:root{
  /* —— 字体(全集团一致) —— */
  --font-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",
              "Noto Sans SC",system-ui,sans-serif;   /* YaHei 给 Windows 台式机兜底 */
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* —— 字号阶梯(层高的一半是它定的) —— */
  --fs-xl:19px;      /* 页标题 h1 */
  --fs-lg:16px;      /* 区块标题 */
  --fs:14px;         /* 正文基准 */
  --fs-sm:12.5px;    /* 辅助说明/按钮 */
  --fs-xs:11.5px;    /* 标签/徽标/表头小字 */
  --lh:1.6;          /* 正文行高;密集表格页可用 --lh-dense */
  --fs-dense:13px;   /* 大板/密集表格页(如经营大盘)的正文 */
  --lh-dense:1.45;

  /* —— 圆角阶梯 —— */
  --r-sm:7px;        /* 输入框/小按钮/徽标 */
  --r-md:10px;       /* 卡片内块/表格容器 */
  --r-lg:12px;       /* 页面级卡片 */

  /* —— 中性色(全集团一致) —— */
  --bg:#f6f7f9;          /* 页面底 */
  --surface:#fff;        /* 卡片面 */
  --soft:#f7f9fc;        /* 卡片内的浅一层 */
  --line:#e5e7eb;        /* 分隔线 */
  --ink:#111827;         /* 正文字 */
  --muted:#6b7280;       /* 次要字 */
  --faint:#9aa2b1;       /* 更弱的提示字 */

  /* —— 品牌色(唯一允许各系统覆盖的一组) —— */
  --brand:#2563eb;       /* 鹰眼蓝;猎隼覆盖成隼青 #0E7181 */
  --brand-weak:#eef4ff;  /* 品牌弱底(hover/选中) */

  /* —— 语义色(全集团一致:红=险 绿=好 金=钱 紫=特别) —— */
  --red:#dc2626;      --red-bg:#fdecec;
  --green:#059669;    --green-bg:#e6f6ef;
  --gold:#b45309;     --warn-bg:#fff8e6;  --warn-line:#f0dcb0;
  --amber:#c47d00;
  --purple:#7c3aed;

  /* —— 旧命名别名(兼容层:旧页面引用不用改;新代码禁用这些名) —— */
  --txt:var(--ink);
  --border:var(--line);
  --sub:var(--soft);
  --warn:var(--gold);
  --gold-bright:#FFC53D;   /* 个别页当"金牌"用的亮金,保留但改了名 */
  --text:var(--ink);       /* 旧债别名:个别页引 --text/--card/--surface-2 但从没定义过 */
  --card:var(--surface);
  --surface-2:var(--soft);

  /* —— 顶栏(三个系统长一样,这是"不割裂"最直观的一条)
         ⚠️08-19 实测:猎隼当时是【左侧64px竖栏+顶部愿景条】、底色 #101c1e,
           跟鹰眼/集团的【顶部横条 #1a1f2b】完全两种骨架 —— 光统一变量不够,
           形态必须一起统一,见 brand/页面骨架规范.md —— */
  --nav:#1a1f2b;           /* 顶栏底色 */
  --nav-text:#cdd3dd;      /* 顶栏链接字 */
  --nav-group:#8b93a3;     /* 顶栏分组标签 */
  --nav-h:44px;            /* 顶栏一行的目标高度 */

  /* —— 企业愿景条（08-19 凯丹：「两个系统的高度保持一致，但是大家的底色不一样」）——
     高度是**跨系统契约**，各系统只许覆盖 background/color，不许动高度。
     底色目前：猎隼 #FF9900（亚马逊橙）/ 鹰眼 #F6EFD5（米色）。

     ⚠️08-19 22:48 从 34px 改成 21px（凯丹拍板）。34px 原是猎隼单方面定的，
     而鹰眼这条 08-10 被凯丹亲自压过：「导航太宽了 占了很多位置 很丑」——
     当时从 37px 压到 21px。契约该跟着这个判断走。
     内部工具每天开几十次，第一屏给信息不给气氛。
     字号同步降到 --fs-xs：21px 里放 12.5px 的字太挤（行高就吃掉 16.9px）。 */
  --vision-h:21px;

  /* —— 卡片阴影(统一,别各页各调) —— */
  --shadow:0 1px 2px rgba(17,24,39,.04);

  /* —— 各子系统的品牌色:集团层做入口卡要用到"别人家"的颜色 —— */
  --brand-yingyan:#2563eb;   /* 鹰眼蓝 */
  --brand-liesun:#0E7181;    /* 猎隼隼青 */
}
/* 基础:所有页面统一的地板 */
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
     font:var(--fs)/var(--lh) var(--font-sans)}
table,input,select,textarea,button,.num{font-variant-numeric:tabular-nums}
code,pre,kbd{font-family:var(--font-mono)}
