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>

B06_Section/B06_Section_UI_Style.css

@@ -205,25 +205,25 @@
 
 .b06-diag__ground {
   fill: none;
-  stroke: var(--color-text-muted);
+  stroke: var(--draw-text-muted);
   stroke-width: 1;
   stroke-dasharray: 3 2;
 }
 
 .b06-diag__road {
   fill: none;
-  stroke: var(--color-text-body);
+  stroke: var(--draw-text-body);
   stroke-width: 2;
 }
 
 .b06-diag__center {
-  stroke: var(--color-royal-amethyst, rgb(109 40 217));
+  stroke: var(--draw-accent);
   stroke-width: 1;
   stroke-dasharray: 4 3;
 }
 
 .b06-diag__tick {
-  stroke: var(--color-text-secondary);
+  stroke: var(--draw-text-secondary);
   stroke-width: 1;
 }
 
@@ -244,12 +244,12 @@
 }
 
 .b06-diag__label {
-  fill: var(--color-text-body);
+  fill: var(--draw-text-body);
   font-size: 14px;
 }
 
 .b06-diag__label-sm {
-  fill: var(--color-text-secondary);
+  fill: var(--draw-text-secondary);
   font-size: 12px;
 }