fix(theme): --ot-* 变量名 camelCase/kebab-case 不匹配导致浅色分支静默失效

CSS 自定义属性名大小写敏感，而 semanticVars() 的键是 camelCase、样式表读的是
kebab-case：chrome.ts 直接写 `--ot-${key}` 时，9 个多词变量（--ot-text-muted、
--ot-text-secondary、--ot-surface-raised、--ot-border-strong、--ot-success-fg、
--ot-danger-fg、--ot-warning-fg、--ot-info-fg、--ot-scrollbar-active、
--ot-focus-ring）从未真正生效，元素一律回落到 global.css :root 的深色兜底值——
浅色主题正是靠这些变量修可读性的，等于白改（--ot-text-muted 48 处引用仍是
#8a8a8a，白底 3.25:1；--ot-danger-fg 仍是 #f85149，3.15:1）。

- 键 `muted` 改名 `textMuted`（CSS 读的是 --ot-text-muted）
- 新增 semantic.ts 的 cssVarName()/semanticCssVars()，chrome.ts 只调用它们，
  命名逻辑单一来源
- 新增 tests/ot-var-names.mjs：把「CSS 引用名 = JS 写入名 = :root 声明名」
  三集合锁在一起（值测试看不出这类问题），已用「去掉转换」验证会失败
- AGENTS/STATE 同步该铁律；测试数 22/25 的陈旧计数修正为实际的 29

tests/semantic-theme.mjs

@@ -23,7 +23,7 @@ ok(isLightTheme('#282a36') === false, '#282a36 is dark')
 
 console.log('dark branch locks anchors (zero regression):')
 const dark = semanticVars({ background: '#1e1e1e', foreground: '#cccccc' }, false)
-ok(dark['muted'] === SEMANTIC.muted, 'muted = anchor')
+ok(dark['textMuted'] === SEMANTIC.muted, 'textMuted = anchor')
 ok(dark['success'] === SEMANTIC.success, 'success = anchor')
 ok(dark['danger'] === SEMANTIC.danger, 'danger = anchor')
 ok(dark['warning'] === SEMANTIC.warning, 'warning = anchor')
@@ -44,7 +44,7 @@ for (const bg of ['#f6f8fa', '#fafafa', '#fdf6e3']) {
     const x = L(a), y = L(b)
     return (Math.max(x, y) + 0.05) / (Math.min(x, y) + 0.05)
   }
-  for (const key of ['muted', 'textSecondary', 'successFg', 'dangerFg', 'warningFg', 'infoFg']) {
+  for (const key of ['textMuted', 'textSecondary', 'successFg', 'dangerFg', 'warningFg', 'infoFg']) {
     ok(cr(v[key], bg) >= 4.5, `${bg} ${key} ${v[key]} >= 4.5 (${cr(v[key], bg).toFixed(2)})`)
   }
   for (const key of ['success', 'danger', 'warning', 'info']) {