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/date-input/DateInputConfigPanel.tsx

@@ -74,7 +74,7 @@ export const DateInputConfigPanel: React.FC<DateInputConfigPanelProps> = ({ conf
           checked={config.hidden || false}
           onCheckedChange={(checked) => handleChange("hidden", checked)}
         />
-        <p className="text-xs text-gray-500">편집기에서는 연하게 보이지만 실제 화면에서는 숨겨집니다</p>
+        <p className="text-xs text-muted-foreground">편집기에서는 연하게 보이지만 실제 화면에서는 숨겨집니다</p>
       </div>
 
       {/* 자동생성 기능 */}
@@ -124,7 +124,7 @@ export const DateInputConfigPanel: React.FC<DateInputConfigPanelProps> = ({ conf
                   <SelectItem value="department">부서 코드</SelectItem>
                 </SelectContent>
               </Select>
-              <p className="text-xs text-gray-500">
+              <p className="text-xs text-muted-foreground">
                 {AutoGenerationUtils.getTypeDescription(config.autoGeneration?.type || "current_time")}
               </p>
             </div>
@@ -247,7 +247,7 @@ export const DateInputConfigPanel: React.FC<DateInputConfigPanelProps> = ({ conf
               </>
             )}
 
-            <div className="rounded bg-gray-50 p-2 text-xs">
+            <div className="rounded bg-muted p-2 text-xs">
               <strong>미리보기:</strong> {AutoGenerationUtils.generatePreviewValue(config.autoGeneration)}
             </div>
           </>