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/app/(main)/admin/systemMng/dataflow/edit/[diagramId]/page.tsx

@@ -51,8 +51,8 @@ export default function DataFlowEditPage() {
     return (
       <div className="flex h-64 items-center justify-center">
         <div className="text-center">
-          <div className="mx-auto mb-4 h-8 w-8 animate-spin rounded-full border-b-2 border-blue-600"></div>
-          <p className="text-gray-500">관계도 정보를 불러오는 중...</p>
+          <div className="mx-auto mb-4 h-8 w-8 animate-spin rounded-full border-b-2 border-primary"></div>
+          <p className="text-muted-foreground">관계도 정보를 불러오는 중...</p>
         </div>
       </div>
     );
@@ -68,16 +68,16 @@ export default function DataFlowEditPage() {
             <span>목록으로</span>
           </Button>
           <div>
-            <h1 className="text-2xl font-bold text-gray-900">📊 관계도 편집</h1>
-            <p className="mt-1 text-gray-600">
-              <span className="font-medium text-blue-600">{diagramName}</span> 관계도를 편집하고 있습니다
+            <h1 className="text-2xl font-bold text-foreground">📊 관계도 편집</h1>
+            <p className="mt-1 text-muted-foreground">
+              <span className="font-medium text-primary">{diagramName}</span> 관계도를 편집하고 있습니다
             </p>
           </div>
         </div>
       </div>
 
       {/* 데이터플로우 디자이너 */}
-      <div className="rounded-lg border border-gray-200 bg-white">
+      <div className="rounded-lg border border-border bg-white">
         <DataFlowDesigner
           key={diagramId}
           selectedDiagram={diagramName}

frontend/app/(main)/admin/systemMng/dataflow/node-editorList/page.tsx

@@ -17,8 +17,8 @@ export default function NodeEditorPage() {
   }, [router]);
 
   return (
-    <div className="flex h-screen items-center justify-center bg-gray-50">
-      <div className="text-gray-500">제어 관리 페이지로 이동중...</div>
+    <div className="flex h-screen items-center justify-center bg-muted">
+      <div className="text-muted-foreground">제어 관리 페이지로 이동중...</div>
     </div>
   );
 }