feat(테마): 그림 전용 값 --draw-* — 종단 · 횡단 · 이정표 SVG · 지도 계획선 · CAD 바탕 · 3D 바탕 색을 화면 테마와 떼어 지금 색 고정 (PLAN 551-2)

- ui_template_theme.css 끝 블록 = --draw-* 17 개 · 밝음 / 어두움 / 시스템 어두움 글자 hex
- B05 · B06 · B08 그림 CSS stroke · fill 125 줄 · --b06-tag = --draw-*
- 캔버스 · 3D 읽기 = B05 노선 편집 지도 · 노선 추천 지도 · 3D 바탕 · B04 3D 바탕 · 지도 MC 글 · D03 고른 측점 · CAD 바탕 · 격자
- 지킴 시험 test_551_2_draw_tokens(화면 변수를 모두 바꿔도 그림 풀린 색 같음)
- 기존 시험 7 개 = 그림 줄이 옛 --color-* 이름을 잡던 단정을 --draw-* 로 고침(값 같음)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

ui_template/ui_template_theme.css

@@ -562,3 +562,61 @@ html.is-bm-route .m01lab-src__body * {
   user-select: text;
   -webkit-user-select: text;
 }
+
+/* =============================================================================
+ * 551-2 그림 전용 값 — 화면 테마와 따로 · 지금 색 고정
+ *   종단 · 횡단 · 이정표 SVG 선 · 지도 계획선 · CAD 바탕 · 3D 바탕은 --draw-* 만 씀.
+ *   값은 글자 hex 로 박음(--color-* 를 가리키지 않음) — 화면 테마가 바뀌어도 그림 색은 그대로.
+ * ========================================================================== */
+:root {
+  --draw-accent: #3e0079; /* 설계선 · EP 선 · 이정표 강조 */
+  --draw-primary: #26114a; /* 자유 표시 · 노선 추천 계획선 */
+  --draw-chart-0: #5b8def; /* 원지반선 · 성토 */
+  --draw-chart-1: #34c38f; /* 횡단 원지반선 */
+  --draw-chart-2: #f1963b; /* 토사 깎기 */
+  --draw-chart-3: #9b6dde; /* 발파암 깎기 */
+  --draw-success: #1f8a4c;
+  --draw-warning: #b8860b;
+  --draw-danger: #c0392b;
+  --draw-text: #26114a;
+  --draw-text-body: #333333;
+  --draw-text-secondary: #615e6e;
+  --draw-text-muted: #9491a1;
+  --draw-grid: #e6e2e3; /* 눈금 · CAD 격자 */
+  --draw-surface: #f6f7fa;
+  --draw-surface-raised: #ffffff; /* 그림 바탕 · 3D 바탕 */
+  --draw-canvas: #ffffff; /* CAD 바탕 */
+}
+
+:root[data-theme="dark"] {
+  --draw-accent: #b99aff;
+  --draw-primary: #b99aff;
+  --draw-success: #3fbb6f;
+  --draw-warning: #e0b64a;
+  --draw-danger: #e8695a;
+  --draw-text: #d8ccff;
+  --draw-text-body: #e4e0f0;
+  --draw-text-secondary: #b3aec6;
+  --draw-text-muted: #8b86a0;
+  --draw-grid: #322a45;
+  --draw-surface: #1e1930;
+  --draw-surface-raised: #251f38;
+  --draw-canvas: #16121f;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme="light"]) {
+    --draw-accent: #b99aff;
+    --draw-primary: #b99aff;
+    --draw-success: #3fbb6f;
+    --draw-danger: #e8695a;
+    --draw-text: #d8ccff;
+    --draw-text-body: #e4e0f0;
+    --draw-text-secondary: #b3aec6;
+    --draw-text-muted: #8b86a0;
+    --draw-grid: #322a45;
+    --draw-surface: #1e1930;
+    --draw-surface-raised: #251f38;
+    --draw-canvas: #16121f;
+  }
+}