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>

B05_Profile/B05_Profile_UI_Style_Table.css

@@ -331,7 +331,7 @@
 
 .b05-profile-runmark__line {
   fill: none;
-  stroke: var(--color-danger, #d64545);
+  stroke: var(--draw-danger);
   stroke-width: 3;
   stroke-linecap: round;
   stroke-linejoin: round;
@@ -340,7 +340,7 @@
 
 /* 구간 경계(라운드 시·종점) 세로 표식 — 어디까지 함께 움직이는지 알린다. */
 .b05-profile-runmark__edge {
-  stroke: var(--color-danger, #d64545);
+  stroke: var(--draw-danger);
   stroke-width: 1;
   stroke-dasharray: 3 3;
   opacity: 0.5;
@@ -356,26 +356,26 @@
 }
 
 .b05-profile-freemark__band {
-  fill: color-mix(in srgb, var(--color-primary) 10%, transparent);
+  fill: color-mix(in srgb, var(--draw-primary) 10%, transparent);
 }
 
 .b05-profile-freemark__edge {
-  stroke: var(--color-primary);
+  stroke: var(--draw-primary);
   stroke-width: 1.5;
 }
 
 /* 범위 「시작–끝 · 길이」 글 — [직선화] · [자유지정] 실시간 띠 위(271-2 · 3). */
 .b05-profile-freemark__span {
-  fill: var(--color-primary);
+  fill: var(--draw-primary);
   font-size: var(--text-caption);
   paint-order: stroke;
-  stroke: var(--color-surface);
+  stroke: var(--draw-surface);
   stroke-width: 3px;
 }
 
 /* 지나온 선 · 미리 보기 · 점 = 녹색(367-4) — 범위 띠 · 경계는 보라 그대로. */
 .b05-profile-freemark__line {
-  stroke: var(--color-success);
+  stroke: var(--draw-success);
   stroke-width: 2;
   stroke-dasharray: 6 4;
 }
@@ -385,25 +385,25 @@
 }
 
 .b05-profile-freemark__line.is-over {
-  stroke: var(--color-danger, #d64545);
+  stroke: var(--draw-danger);
 }
 
 .b05-profile-freemark__dot {
-  fill: var(--color-surface);
-  stroke: var(--color-success);
+  fill: var(--draw-surface);
+  stroke: var(--draw-success);
   stroke-width: 1.5;
 }
 
 .b05-profile-freemark__grade {
-  fill: var(--color-text);
+  fill: var(--draw-text);
   font-size: var(--text-caption);
   paint-order: stroke;
-  stroke: var(--color-surface);
+  stroke: var(--draw-surface);
   stroke-width: 3px;
 }
 
 .b05-profile-freemark__grade.is-over {
-  fill: var(--color-danger, #d64545);
+  fill: var(--draw-danger);
 }
 
 .b05-profile-edit {