/* ===== 飞贸速打 · UI 设计令牌（2026-10-01 建立）=====
   规则：
     ① 所有颜色 / 间距 / 圆角 / 控件高度 / 字号 / 层级 / 动效一律引用这里的变量，**禁止新增硬编码色值**；
     ② 极少数一次性装饰色（如侧栏状态点）走「特许值」，必须登记在 scripts/ui-lint.php 的白名单里；
     ③ 本文件**只定义令牌，不含任何组件样式**，且必须**先于** app.css 加载（见 index.php）；
     ④ 令牌值取自改造前 app.css 的既有取值 → 引入令牌本身**不产生任何视觉变化**。
   校验：php scripts/ui-lint.php        （列出硬编码色值与非档位字号，CI 可接退出码）
   文档：UI.md                          （组件规范与页面骨架） */
:root{
  /* ── 主色（交互 / 强调） ── */
  --blue:#2563d8;         /* 主按钮、链接、页签选中 */
  --blue-hover:#1c50b4;   /* 主按钮 hover */
  --blue-line:#5b8ddc;    /* 聚焦描边、单元格选中框 */
  --blue-weak:#eef4fc;    /* 浅底强调（输出卡 hover、图标底） */
  --blue-weak-2:#dbeafe;  /* 更深的选中蓝（Excel 网格多选单元格） */
  --blue-deep:#185fa5;    /* 蓝字（汇总数值、批量条强调、hover 文字） */

  /* ── 状态色 ── */
  --red:#c0392b;          /* 危险：删除、错误、负数、必填星号 */
  --red-weak:#fdf2f1;     /* 危险浅底（亏损行、错误输入框） */
  --red-line:#e2b5b0;     /* 危险按钮描边 */
  --green:#28775e;        /* 成功 / 达标 */
  --green-weak:#edf8f2;
  --amber:#966620;        /* 警告 / 待处理 */
  --amber-weak:#fff5e4;

  /* ── 文字 ── */
  --ink:#182a3a;          /* 正文与标题 */
  --ink-2:#536474;        /* 表单标签 */
  --muted:#6c7b88;        /* 弱化说明 */
  --muted-2:#93a3b1;      /* 更弱：占位符、行号、图标 */

  /* ── 描边与底 ── */
  --line:#e4e9ed;         /* 常规描边（面板、分页） */
  --line-2:#eef1f4;       /* 分隔线（更浅：表体、面板头） */
  --line-strong:#d7dfe6;  /* 输入框描边（需要看清边界时） */
  --bg:#f5f7fa;           /* 页面底 */
  --surface:#fff;         /* 卡片 / 面板 */
  --surface-2:#f7f9fb;    /* 表头 / 只读底纹 */
  --surface-3:#eef2f6;    /* 更深的浅底（计数、进度轨道、表头网格） */

  /* ── 侧栏（深色区，独立一族，不与浅色区混用） ── */
  --nav:#142b3e;
  --nav-hover:#203e56;
  --nav-active:#285d8d;
  --nav-text:#b6c4d1;
  --nav-muted:#829bac;

  /* ── 圆角 ── */
  --r-sm:6px;             /* 小控件：按钮、徽章 */
  --r-md:8px;             /* 常规：输入、列表项 */
  --r-lg:12px;            /* 容器：面板、卡片 */
  /* 旧别名 --radius 已于 2026-10-01 P3 全量迁移到 --r-lg 后移除（值同为 12px，零视觉变化） */

  /* ── 间距（4px 基准） ── */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s7:32px;

  /* ── 控件高度 ── */
  --ctl:44px;             /* 默认（触摸友好）：按钮、表单输入 */
  --ctl-sm:32px;          /* 表格 / 紧凑区 */
  --ctl-xs:24px;          /* ⚠ 例外：仅「基本信息」紧凑表单，禁止扩大使用范围 */

  /* ── 字号阶梯（禁止 10px 与 12.5px 这类非档位值） ── */
  --fs-xs:11px;           /* 辅助说明、页脚、眉标 */
  --fs-sm:12px;           /* 表格、表单标签 */
  --fs-md:13px;           /* 正文、按钮 */
  --fs-base:14px;         /* 全局基准 */
  --fs-lg:17px;           /* 区块标题 h2 */
  --fs-xl:23px;           /* 页标题 */
  --fs-2xl:28px;          /* 登录页 / 大标题 */
  --fs-3xl:32px;         /* 统计大数字（>=1600px 大屏） */
  --fs-4xl:44px;         /* 登录页主标题（超大屏） */

  /* ── 层级 ── */
  --z-sticky:2;           /* 表头 sticky */
  --z-dropdown:70;        /* 下拉 / 用户菜单 */
  --z-dialog:80;          /* 对话框 */
  --z-toast:100;          /* Toast */

  /* ── 动效 ── */
  --t:.15s;               /* 常规过渡（颜色 / 背景） */
}