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/condition/ConditionRenderer.tsx

@@ -63,7 +63,7 @@ export const ConditionRenderer: React.FC<ConditionRendererProps> = ({
   return (
     <div className="space-y-2">
       {conditions.length === 0 ? (
-        <div className="rounded-lg border border-dashed p-3 text-center text-xs text-gray-500">
+        <div className="rounded-lg border border-dashed p-3 text-center text-xs text-muted-foreground">
           조건을 추가하면 해당 조건을 만족할 때만 실행됩니다.
           <br />
           조건이 없으면 항상 실행됩니다.
@@ -92,7 +92,7 @@ export const ConditionRenderer: React.FC<ConditionRendererProps> = ({
                   )}
                   {/* 그룹 레벨에 따른 들여쓰기 */}
                   <div
-                    className="flex items-center gap-2 rounded border-2 border-dashed border-blue-300 bg-accent/50 p-2"
+                    className="flex items-center gap-2 rounded border-2 border-dashed border-primary/40 bg-accent/50 p-2"
                     style={{ marginLeft: `${(condition.groupLevel || 0) * 20}px` }}
                   >
                     <span className="font-mono text-sm text-primary">(</span>
@@ -110,7 +110,7 @@ export const ConditionRenderer: React.FC<ConditionRendererProps> = ({
               return (
                 <div key={condition.id} className="flex items-center gap-2">
                   <div
-                    className="flex items-center gap-2 rounded border-2 border-dashed border-blue-300 bg-accent/50 p-2"
+                    className="flex items-center gap-2 rounded border-2 border-dashed border-primary/40 bg-accent/50 p-2"
                     style={{ marginLeft: `${(condition.groupLevel || 0) * 20}px` }}
                   >
                     <span className="font-mono text-sm text-primary">)</span>