refactor: 전체 프론트엔드 하드코딩 색상 → CSS 변수 일괄 치환

447+ 파일, 4500+ 줄 변경:
- gray-* → border/bg-muted/text-foreground/text-muted-foreground
- blue-* → primary/ring
- red-* → destructive
- green-* → emerald (일관성)
- indigo-* → primary
- yellow/orange → amber (통일)
- dark mode 변형도 시맨틱 토큰으로 변환

Made-with: Cursor

frontend/components/dataflow/connection/redesigned/RightPanel/VisualMapping/MappingControls.tsx

@@ -91,9 +91,9 @@ const MappingControls: React.FC<MappingControlsProps> = ({
               </Badge>
               {/* 타입 호환성 아이콘 */}
               {selectedFromField.webType === selectedToField.webType ? (
-                <span className="text-xs text-green-600">✅</span>
+                <span className="text-xs text-emerald-600">✅</span>
               ) : (
-                <span className="text-xs text-orange-600">⚠️</span>
+                <span className="text-xs text-amber-600">⚠️</span>
               )}
             </div>
           </div>