/* ═══════════════════════════════════════════════════════════════
   设计 token · 唯一取值来源（2026-10-28 起）
   ─────────────────────────────────────────────────────────────
   规则（写给以后每一次改样式的人，包括 AI）：
   1. 新写/改动样式，字号、间距、圆角、阴影一律从这里的变量取，
      不允许再出现 11.5px、13px、17px 这种"随手值"。
   2. 现有旧值不强制一次性替换——改到哪条，就把那条换成 token。
   3. 断点只有 4 个（CSS 变量装不了媒体查询，记在这里）：
        576px   小手机
        768px   平板竖屏
        992px   笔记本
        1180px  桌面（侧栏出现）
      新增响应式规则只能用这 4 个，不许再开新断点。
   4. 动效参数不归这份 token 管，motion.css 是唯一来源，别在这加动画变量。
   ═══════════════════════════════════════════════════════════════ */
:root{
  /* 顶栏高度兜底值：窄屏时 app.js 按导航实际高度回写 --nav-h（见 syncNavH），
     这里只是首帧和脚本没跑时的安全值 */
  --nav-h:88px;
  /* ── 字阶 · 7 级 ───────────────────────────────────────────
     xs 备注角标 · sm 辅助说明 · base 正文 · md 区块标题
     lg 页内强调 · xl 统计数字 · 2xl 页面标题 */
  --fs-xs:11px;
  --fs-sm:12px;
  --fs-base:14.5px;
  --fs-md:17px;
  --fs-lg:20px;
  --fs-xl:24px;
  --fs-2xl:32px;

  /* ── 间距 · 4px 基数（8 的半步只给图标微调用） ─────────────── */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px;
  --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px;

  /* ── 圆角 · 3 级 ───────────────────────────────────────────
     sm 输入框/小徽标 · md 卡片/面板 · lg 大卡/弹层 */
  --r-sm:10px;
  --r-md:14px;
  --r-lg:20px;

  /* ── 阴影 · 3 级（不许再手写 box-shadow） ───────────────────
     sh-1 静置卡片 · sh-2 悬浮/弹层 · sh-3 主按钮/强调 */
  --sh-1:0 1px 2px rgba(35,38,52,.05),0 12px 32px -24px rgba(35,38,52,.35);
  --sh-2:0 2px 4px rgba(35,38,52,.06),0 24px 48px -28px rgba(35,38,52,.4);
  --sh-3:0 8px 20px -12px rgba(0,0,0,.6);

  /* ── 卡片底色：半透白玻璃 ──
     .82 让页底的暖橙/浅蓝透一点点出来（纯白会让背景看起来"被盖死了"），
     但不加 backdrop-filter —— 背景本身已是 blur(70px) 的柔光，
     再叠一层实时模糊只烧性能，肉眼几乎看不出差别。 */
  --card:rgba(255,255,255,.82);

  /* ── 品牌主色阶（新增取色只能从这排里挑） ──────────────────── */
  --brand-50:rgba(0,113,227,.07);
  --brand-100:rgba(0,113,227,.12);
  --brand-500:#0071E3;
  --brand-600:#0060C0;

  /* ── 2026-10-28 新增（工作参谋页面需要，已登记进设计规范 1.3/1.5） ──
     r-xs 勾选框这类 20px 见方的小控件；field 输入框聚焦时的实底；
     fill / fill-2 / line-soft 三层浅填充，替掉散落的 rgba(0,0,0,.0xx)。 */
  --r-xs:6px;
  --field:#FFFFFF;
  --fill:rgba(0,0,0,.036);
  --fill-2:rgba(0,0,0,.055);
  --line-soft:rgba(0,0,0,.028);
  --blue-ring:rgba(0,113,227,.5);
  --ok-soft:rgba(52,199,89,.12);
  --red-soft:rgba(255,59,48,.08);
  /* 提醒色：只用于"这稿有补全内容/不能拿去迎检"这类提示，不用于错误 */
  --warn:#A8630A;
  --warn-soft:rgba(255,149,0,.14);
  --check-line:rgba(0,0,0,.18);

  /* ── 2026-10-28 新增（尺寸类，配合"输入框/可滚动区"规范） ──
     手机上有两类事故反复出现：① 文本框内部滚不动、手指一划整页走；
     ② 每个文本域各自写一个 min-height，改一处漏三处。
     下面四个把"单行输入/多行文本域/方案长文/滚动上限"钉死。 */
  --h-field:34px;
  --h-ta-min:86px;
  --h-ta-plan:280px;
  --h-ta-max:56vh;
  /* 玻璃卡上的半透明白底（比 --field 更透，透出卡片本身的毛玻璃） */
  --field-2:rgba(255,255,255,.72);

  /* ── 选中态（2026-10-28 收口）───────────────────────────────
     全站选中态只走这一条：胶囊、多选、开关、自定义下拉的选中项、
     勾选框、待办打勾。颜色是老板定的绿→青（曾误改成品牌蓝，已按原样改回）。
     以后要调色，只改 --sel-a / --sel-b 两个端点，别再往各处写死渐变。 */
  --sel-a:#3ECF8E;
  --sel-b:#2FA8C9;
  --sel-grad:linear-gradient(135deg,var(--sel-a),var(--sel-b));
  --sel-ring:rgba(47,168,201,.5);
  /* 选中 / 拖入时的两档半透明：描边与底色 */
  --sel-line:rgba(47,168,201,.55);
  --sel-fill:rgba(62,207,142,.12);

  /* ── 下面这几条是把既有变量钉到 token 上，历史代码不用改 ───── */
  --blue:var(--brand-500);
  --blue-d:var(--brand-600);
  --blue-soft:var(--brand-50);
  --glass:var(--card);
}