sync: update from private repo (2336949a)

DESIGN.md

@@ -42,17 +42,19 @@
 
 | Role | Var | Light | Dark |
 |---|---|---|---|
-| Canvas（最背面） | `--canvas` | `#ffffff` | `#18181c` |
-| Surface（パネル） | `--surface` | `#fafafa` | `#202024` |
-| Surface-2（入れ子） | `--surface-2` | `#f4f4f5` | `#2a2a30` |
-| Hairline（罫線） | `--hairline` | `#e4e4e7` | `#3a3a42` |
-| Hairline-soft | `--hairline-soft` | `#f4f4f5` | `#2a2a30` |
-| Ink（本文） | `--ink` | `#0f172a` | `#e7e7ea` |
-| Muted（補助） | `--muted` | `#64748b` | `#a1a1aa` |
+| Canvas（最背面） | `--canvas` | `#ffffff` | `#1e1e23` |
+| Surface（パネル） | `--surface` | `#fafafa` | `#26262c` |
+| Surface-2（入れ子） | `--surface-2` | `#f4f4f5` | `#2f2f37` |
+| Hairline（罫線） | `--hairline` | `#e4e4e7` | `#3d3d47` |
+| Hairline-soft | `--hairline-soft` | `#f4f4f5` | `#2f2f37` |
+| Ink（本文） | `--ink` | `#0f172a` | `#ececef` |
+| Muted（補助） | `--muted` | `#64748b` | `#a9a9b3` |
+
+Dark 側は #1416 で一段引き上げた（旧: `#18181c` / `#202024` / `#2a2a30` / `#3a3a42` / `#2a2a30` / `#e7e7ea` / `#a1a1aa`）。**同じ色コードを共有しているトークンは必ず一緒に動かす**——`--slate-50/100/200` は canvas / surface / surface-2 と、`--hairline-soft` は旧 surface-2 と同値だったので、片方だけ上げると継ぎ目が出る。値を共有していない `--scrollbar-thumb*` は据え置き。原本は `ui/src/index.css` の `[data-theme="dark"]` ブロック 1 か所で、初回描画のちらつき止めとして `ui/index.html` の `html[data-theme="dark"]` が `--canvas` と同じ値を持つ。
 
 ### Neutral ramp（`--slate-50…950`）
 
-Light = Tailwind 既定 slate（`#f8fafc`→`#020617`）。Dark = 反転 zinc 調（`--slate-50 #18181c` → `--slate-950 #fafafa`）。`50/100` = サーフェス、`700/900` = テキスト、という意味付けで使う。
+Light = Tailwind 既定 slate（`#f8fafc`→`#020617`）。Dark = 反転 zinc 調（`--slate-50 #1e1e23` → `--slate-950 #fafafa`）。`50/100/200` は canvas / surface / surface-2 と同値に保つ。明調の `400`（`#90909b`）は地を上げるたびに同率で上げて対比を維持する。`50/100` = サーフェス、`700/900` = テキスト、という意味付けで使う。
 
 ### Status（状態色は Tailwind 既定スケール維持）