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/conditional-container/ConditionalContainerConfigPanel.tsx

@@ -280,10 +280,10 @@ export function ConditionalContainerConfigPanel({
         </div>
 
         {/* 🆕 메뉴별 카테고리에서 섹션 자동 생성 */}
-        <div className="space-y-3 p-3 border rounded-lg bg-blue-50/50 dark:bg-blue-950/20">
+        <div className="space-y-3 p-3 border rounded-lg bg-primary/10/50 dark:bg-primary/10">
           <div className="flex items-center gap-2">
-            <Database className="h-4 w-4 text-blue-600" />
-            <Label className="text-xs font-semibold text-blue-700 dark:text-blue-400">
+            <Database className="h-4 w-4 text-primary" />
+            <Label className="text-xs font-semibold text-primary dark:text-primary/80">
               메뉴 카테고리에서 자동 생성
             </Label>
           </div>
@@ -448,7 +448,7 @@ export function ConditionalContainerConfigPanel({
                   {categoryValues.map((option) => (
                     <span
                       key={option.value}
-                      className="px-2 py-0.5 text-[10px] bg-blue-100 text-blue-800 rounded dark:bg-blue-900 dark:text-blue-200"
+                      className="px-2 py-0.5 text-[10px] bg-primary/10 text-primary rounded dark:bg-primary/20 dark:text-primary/70"
                     >
                       {option.label}
                     </span>