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/accordion-basic/AccordionBasicComponent.tsx

@@ -703,11 +703,11 @@ export const AccordionBasicComponent: React.FC<AccordionBasicComponentProps> = (
 
       {loading ? (
         <div className="flex h-full w-full items-center justify-center">
-          <div className="text-sm text-gray-500">데이터를 불러오는 중...</div>
+          <div className="text-sm text-muted-foreground">데이터를 불러오는 중...</div>
         </div>
       ) : error && !isDesignMode ? (
         <div className="flex h-full w-full items-center justify-center">
-          <div className="text-sm text-red-500">{error}</div>
+          <div className="text-sm text-destructive">{error}</div>
         </div>
       ) : (
         <div

frontend/lib/registry/components/accordion-basic/AccordionBasicConfigPanel.tsx

@@ -233,7 +233,7 @@ export const AccordionBasicConfigPanel: React.FC<AccordionBasicConfigPanelProps>
                               contentFields: newContentFields,
                             });
                           }}
-                          className="h-8 w-8 p-0 text-red-500"
+                          className="h-8 w-8 p-0 text-destructive"
                         >
                           <Trash2 className="h-4 w-4" />
                         </Button>
@@ -288,7 +288,7 @@ export const AccordionBasicConfigPanel: React.FC<AccordionBasicConfigPanelProps>
                 ))}
 
                 {(!config.dataSource?.contentFields || config.dataSource.contentFields.length === 0) && (
-                  <div className="py-4 text-center text-sm text-gray-500">내용 필드를 추가해주세요</div>
+                  <div className="py-4 text-center text-sm text-muted-foreground">내용 필드를 추가해주세요</div>
                 )}
               </div>
 
@@ -321,7 +321,7 @@ export const AccordionBasicConfigPanel: React.FC<AccordionBasicConfigPanelProps>
                 </Select>
               </div>
 
-              <div className="text-muted-foreground rounded-lg bg-blue-50 p-3 text-sm">
+              <div className="text-muted-foreground rounded-lg bg-primary/10 p-3 text-sm">
                 💡 <strong>스크롤 처리:</strong> 모든 데이터가 표시되며, 컴포넌트 높이를 초과하는 경우 자동으로 스크롤이
                 생성됩니다.
               </div>
@@ -471,7 +471,7 @@ export const AccordionBasicConfigPanel: React.FC<AccordionBasicConfigPanelProps>
                       variant="ghost"
                       size="sm"
                       onClick={() => removeItem(item.id)}
-                      className="h-8 w-8 p-0 text-red-500 hover:text-red-700"
+                      className="h-8 w-8 p-0 text-destructive hover:text-destructive"
                     >
                       <Trash2 className="h-4 w-4" />
                     </Button>
@@ -520,7 +520,7 @@ export const AccordionBasicConfigPanel: React.FC<AccordionBasicConfigPanelProps>
             ))}
 
             {localItems.length === 0 && (
-              <div className="py-8 text-center text-gray-500">
+              <div className="py-8 text-center text-muted-foreground">
                 <p className="text-sm">아이템이 없습니다.</p>
                 <p className="text-xs">위의 추가 버튼을 클릭하여 아이템을 추가하세요.</p>
               </div>