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/lib/registry/components/v2-aggregation-widget/AggregationWidgetConfigPanel.tsx

@@ -529,7 +529,7 @@ export function AggregationWidgetConfigPanel({
             
             {/* 현재 선택된 테이블 표시 */}
             <div className="flex items-center gap-2 rounded-md border bg-slate-50 p-2">
-              <Database className="h-4 w-4 text-blue-500" />
+              <Database className="h-4 w-4 text-primary" />
               <div className="flex-1">
                 <div className="text-xs font-medium">
                   {config.customTableName || config.tableName || screenTableName || "테이블 미선택"}
@@ -584,7 +584,7 @@ export function AggregationWidgetConfigPanel({
                               !config.useCustomTable ? "opacity-100" : "opacity-0"
                             )}
                           />
-                          <Database className="mr-2 h-3 w-3 text-blue-500" />
+                          <Database className="mr-2 h-3 w-3 text-primary" />
                           {screenTableName}
                         </CommandItem>
                       </CommandGroup>
@@ -663,7 +663,7 @@ export function AggregationWidgetConfigPanel({
         {/* 선택 데이터 설명 (selection 타입일 때) */}
         {dataSourceType === "selection" && (
           <div className="space-y-2 mt-3">
-            <div className="rounded-md border bg-blue-50 p-3 text-xs text-blue-700">
+            <div className="rounded-md border bg-primary/10 p-3 text-xs text-primary">
               <p className="font-medium mb-1">선택된 행 집계</p>
               <p className="text-[10px]">
                 화면에서 사용자가 선택(체크)한 행들만 집계합니다.
@@ -674,7 +674,7 @@ export function AggregationWidgetConfigPanel({
             {/* 테이블 선택 (어느 테이블의 선택 데이터인지) */}
             <Label className="text-xs">대상 테이블</Label>
             <div className="flex items-center gap-2 rounded-md border bg-slate-50 p-2">
-              <Database className="h-4 w-4 text-blue-500" />
+              <Database className="h-4 w-4 text-primary" />
               <div className="flex-1">
                 <div className="text-xs font-medium">
                   {config.customTableName || config.tableName || screenTableName || "테이블 미선택"}