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>

B04_PreProcess/B04_PreProcess_UI_Camera.ts

@@ -468,7 +468,7 @@ export function bindSurfaceViewerTheme(
       return;
     }
     const surfaceRaised = getComputedStyle(document.documentElement)
-      .getPropertyValue("--color-surface-raised")
+      .getPropertyValue("--draw-surface-raised")
       .trim();
     applyBackground(
       surfaceRaised && CSS.supports("color", surfaceRaised)

B04_PreProcess/B04_PreProcess_UI_MapOverlays.ts

@@ -330,9 +330,9 @@ export function drawStationTicks(
       context.translate(-lx, -ly);
     }
     // 배경을 깔아 등고선 위에서도 읽히게 한다.
-    context.fillStyle = mc ? themeColor("--color-canvas", "#ffffff") : "rgba(255, 255, 255, 0.78)";
+    context.fillStyle = mc ? themeColor("--draw-canvas", "#ffffff") : "rgba(255, 255, 255, 0.78)";
     context.fillRect(lx - half, ly - 8, width, 16);
-    context.fillStyle = mc ? themeColor("--color-warning", "#b8860b") : "#222222";
+    context.fillStyle = mc ? themeColor("--draw-warning", "#b8860b") : "#222222";
     context.fillText(label, lx, ly);
     context.restore();
   }