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/text-input/TextInputComponent.tsx

@@ -732,7 +732,7 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
       {component.label && component.style?.labelDisplay !== false && (
         <label className="absolute -top-6 left-0 text-sm font-medium text-slate-600">
           {component.label}
-          {component.required && <span className="text-red-500">*</span>}
+          {component.required && <span className="text-destructive">*</span>}
         </label>
       )}
 
@@ -743,8 +743,8 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
             className={cn(
               "rounded-full px-2 py-0.5 text-[10px] font-medium",
               isManualMode
-                ? "bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400"
-                : "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",
+                ? "bg-amber-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400"
+                : "bg-primary/10 text-primary dark:bg-primary/20 dark:text-primary/80",
             )}
           >
             {isManualMode ? "수동" : "자동"}