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/category-manager/CategoryManagerConfigPanel.tsx

@@ -72,7 +72,7 @@ export function CategoryManagerConfigPanel({
                 "계층 구조 지원 (부모-자식)",
               ].map((feature, index) => (
                 <div key={index} className="flex items-start gap-2">
-                  <CheckCircle2 className="h-4 w-4 mt-0.5 text-green-600 shrink-0" />
+                  <CheckCircle2 className="h-4 w-4 mt-0.5 text-emerald-600 shrink-0" />
                   <span className="text-sm">{feature}</span>
                 </div>
               ))}
@@ -80,11 +80,11 @@ export function CategoryManagerConfigPanel({
           </div>
 
           {/* 사용 방법 */}
-          <div className="rounded-lg border bg-blue-50 p-4 space-y-2">
-            <h4 className="text-sm font-medium text-blue-900">
+          <div className="rounded-lg border bg-primary/10 p-4 space-y-2">
+            <h4 className="text-sm font-medium text-primary">
               사용 방법
             </h4>
-            <ol className="space-y-1 ml-4 list-decimal text-sm text-blue-800">
+            <ol className="space-y-1 ml-4 list-decimal text-sm text-primary">
               <li>
                 테이블 타입 관리에서 컬럼의 입력 타입을{" "}
                 <Badge variant="outline" className="text-xs">