/* ============================================================
   tokens.css — 集团四系统设计系统 · 唯一真源（2026-11-06）
   ============================================================
   【地位】本文件是**全集团四套系统**（经营分析 / 智慧采购 / 巡店 / 培训）
   共用设计令牌的**唯一声明源**。四个系统各自仓库内的那一份是**分发副本**，
   由 tools/sync_design_system.py 从本真源复制，sha256 记入 manifest；
   tools/check_design_system.py 校验副本与真源一致（防漂移）。

   【纪律】
   ⛔ 禁止在四个系统的本地 CSS 里重新声明本文件已有的变量。
      本文件新增变量 = 改这里 + 跑同步脚本，两步走完。
   ⛔ 禁止四系统各写各的「外壳 CSS」：外壳几何一律走 shell.css。
   ✅ 变量名必须是**四系统变量的并集**（缺一个 → 某系统 var() 取空 →
      整条声明静默作废，边框/颜色直接消失）。新增前先跑校验脚本。

   【历史债（本文件已修复）】
   · 经营分析原有两个 :root（首段 + UI2026 覆盖层），后者静默覆盖前者，
     主色实际是 #2563EB；本文件统一为 #1677ff 后两者不再分叉。
   · 智慧采购原行内 :root 把 --blue 定为 #1f5fd6，与 tokens.css 的
     #1677ff 不一致；现由本文件统一。
   · 巡店原引用 6 个从未定义的变量（--bg-2/--border-radius-md/
     --color-*-primary/--color-*-secondary）→ 静默失效，本文件补齐。
   · 智慧采购原引用 --accent/--bg-soft/--link/--orange/--red-soft/--sub
     从未定义 → 已补齐。
   · 经营分析原引用 --bd/--fg/--panel-bg/--shadow-sm/--teal 从未定义
     → 已补齐。
   ============================================================ */

:root{
  /* ---------- 主色（品牌蓝）---------- */
  --brand:#1677ff;            /* 集团主色：四系统唯一取值 */
  --brand-deep:#0958d9;       /* 深档：hover / 强调文字 */
  --brand-soft:#e8f1ff;       /* 浅底：选中项背景 */
  --brand-50:#EFF5FF;         /* 更浅底：提示条 / 标签 */
  --brand-100:#DBE8FE;        /* 边框：浅蓝描边 */
  --brand-600:#0958d9;        /* 强调文字（对应 --brand-deep） */
  --blue:#1677ff;             /* 兼容别名：链接 / 强调色 */
  --primary:#1677ff;          /* 兼容别名：按钮主色 */
  --primary-d:#0e5fd8;        /* 兼容别名：主色深档 */
  --primary-grad:linear-gradient(135deg,#1677ff 0%,#4096ff 100%);
  --grad:linear-gradient(135deg,#1677ff 0%,#4096ff 100%);
  --grad-deep:linear-gradient(135deg,#0958d9 0%,#1677ff 100%);
  --grad-soft:linear-gradient(135deg,#e8f1ff 0%,#f4f8ff 100%);

  /* ---------- 中性色 ---------- */
  --bg:#f4f6fa;               /* 页面底色（浅灰） */
  --bg-2:#f7f9fc;             /* 次级底色（顶栏页签 hover） */
  --card:#fff;                /* 卡片底色 */
  --surface:#fff;             /* 面板底色 */
  --surface-2:#F8FAFC;        /* 分组标题底 */
  --surface-3:#F1F5F9;        /* 计数徽标底 */
  --panel-bg:#fff;            /* 面板底（兼容别名） */
  --line:#e3e8ef;             /* 描边 */
  --line-2:#EEF2F7;           /* 更浅描边 */
  --bd:#dcdfe6;               /* 兼容别名：强描边 */
  --ink:#1f2d3d;              /* 主文字 */
  --fg:#1f2d3d;               /* 兼容别名：主文字 */
  --text:#1f2d3d;             /* 兼容别名：主文字 */
  --sub:#6b7785;              /* 次要文字 */
  --muted:#6b7785;            /* 兼容别名：次要文字 */
  --color-text-secondary:#6b7785;
  --soft:#e8f1ff;             /* 浅蓝底（选中侧栏项） */
  --side:#fff;                /* 侧栏底色 */
  --side-hover:#f0f3f8;       /* 侧栏项 hover */
  --side-active:#1677ff;     /* 侧栏项选中色 */

  /* ---------- 语义色 ----------
     涨红跌绿为国内口径（--up / --down）；色值按 WCAG AA 正文 4.5:1 选取，
     四种实际底色（白 / #f4f6fa / #f6f8fb / #fff3cd）均达标。 */
  --up:#C62F1F;               /* 上涨 / 正向红 */
  --down:#127A4A;             /* 下跌 / 正向绿 */
  --warn:#B45309;             /* 预警橙 */
  --green:#16A34A;
  --red:#DC2626;
  --amber:#F59E0B;
  --orange:#ef6c00;           /* 兼容别名：橙 */
  --purple:#7C3AED;
  --info:#0891B2;
  --teal:#0d9488;
  --ok:#16A34A;
  --bad:#DC2626;
  --danger:#DC2626;
  --red-soft:#fdecec;         /* 兼容别名：浅红底 */
  --bg-soft:#f0f3f8;          /* 兼容别名：浅灰底 */
  --link:#1677ff;             /* 兼容别名：链接色 */

  /* ---------- 圆角 ---------- */
  --radius:12px;              /* 卡片 / 面板 */
  --radius-lg:16px;           /* 大容器 */
  --radius-sm:8px;            /* 按钮 / 输入框 */
  --r-m:16px;                 /* 兼容别名 */
  --r-s:8px;                  /* 兼容别名 */
  --r:10px;                   /* 紧凑圆角 */
  --r-sm:6px;
  --r-lg:14px;
  --r-pill:999px;             /* 胶囊 */

  /* ---------- 阴影 ---------- */
  --shadow:0 2px 8px rgba(22,119,255,.08);
  --shadow-md:0 4px 16px rgba(22,119,255,.12);
  --shadow-lg:0 8px 32px rgba(22,119,255,.15);
  --sh-1:0 2px 8px rgba(22,119,255,.08);
  --sh-2:0 4px 16px rgba(22,119,255,.12);
  --shadow-sm:0 1px 2px rgba(16,24,40,.05);

  /* ---------- 动效 ---------- */
  --transition:all .2s ease;
  --t:.18s cubic-bezier(.4,0,.2,1);

  /* ---------- 外壳几何（shell.css 消费）---------- */
  --header-h:60px;            /* 顶栏高 */
  --shell-top-h:54px;         /* 外壳顶栏高 */
  --shell-nav-h:46px;         /* 横向一级分组页签高 */
  --shell-body-top:calc(var(--shell-top-h) + var(--shell-nav-h)); /* 侧栏吸顶偏移 = 顶栏 + 页签 */
  --shell-side-w:232px;       /* 侧栏宽 */
  --side-w:232px;             /* 兼容别名 */
  --shell-pad-x:22px;         /* 内容区左右留白 */
  --shell-z-top:20;           /* 顶栏层级 */
  --shell-z-nav:15;           /* 页签层级 */

  /* ---------- 培训系统专用色（保留：其橙/藏蓝点缀仍在用）---------- */
  --accent:#e8833a;
  --accent2:#f0a35c;
  --accent-grad:linear-gradient(135deg,#e8833a 0%,#f0985a 100%);
  --navy:#1f3a5f;
  --navy2:#2c5282;
  --navy-grad:linear-gradient(135deg,#1f3a5f 0%,#2c5282 100%);

  /* ---------- 兼容别名（补齐历史未定义变量）---------- */
  --border-radius-md:10px;
  --color-background-primary:#fff;
  --color-border-primary:#e3e8ef;
  --color-border-secondary:#eef2f7;
}

/* 统一字体栈（四系统一致） */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}