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/components/admin/UserFormModal.tsx

@@ -23,7 +23,7 @@ function AlertModal({ isOpen, onClose, title, message, type = "info" }: AlertMod
   const getTypeColor = () => {
     switch (type) {
       case "success":
-        return "text-green-600";
+        return "text-emerald-600";
       case "error":
         return "text-destructive";
       default:
@@ -446,7 +446,7 @@ export function UserFormModal({ isOpen, onClose, onSuccess, editingUser }: UserF
             <div className="grid grid-cols-2 gap-4">
               <div className="space-y-2">
                 <Label htmlFor="userId" className="text-sm font-medium">
-                  사용자 ID <span className="text-red-500">*</span>
+                  사용자 ID <span className="text-destructive">*</span>
                 </Label>
                 {isEditMode ? (
                   <Input id="userId" value={formData.userId} disabled className="bg-muted cursor-not-allowed" />
@@ -474,7 +474,7 @@ export function UserFormModal({ isOpen, onClose, onSuccess, editingUser }: UserF
                     {/* 중복확인 결과 메시지 */}
                     {duplicateCheckMessage && (
                       <div
-                        className={`mt-1 text-sm ${duplicateCheckType === "success" ? "text-green-600" : "text-destructive"}`}
+                        className={`mt-1 text-sm ${duplicateCheckType === "success" ? "text-emerald-600" : "text-destructive"}`}
                       >
                         {duplicateCheckMessage}
                       </div>
@@ -485,7 +485,7 @@ export function UserFormModal({ isOpen, onClose, onSuccess, editingUser }: UserF
 
               <div className="space-y-2">
                 <Label htmlFor="userName" className="text-sm font-medium">
-                  사용자명 <span className="text-red-500">*</span>
+                  사용자명 <span className="text-destructive">*</span>
                 </Label>
                 <Input
                   id="userName"
@@ -501,7 +501,7 @@ export function UserFormModal({ isOpen, onClose, onSuccess, editingUser }: UserF
             {!isEditMode && (
               <div className="space-y-2">
                 <Label htmlFor="userPassword" className="text-sm font-medium">
-                  비밀번호 <span className="text-red-500">*</span>
+                  비밀번호 <span className="text-destructive">*</span>
                 </Label>
                 <div className="relative">
                   <Input
@@ -532,7 +532,7 @@ export function UserFormModal({ isOpen, onClose, onSuccess, editingUser }: UserF
             {/* 회사 선택 */}
             <div className="space-y-2">
               <Label htmlFor="companyCode" className="text-sm font-medium">
-                회사 <span className="text-red-500">*</span>
+                회사 <span className="text-destructive">*</span>
               </Label>
               {isSuperAdmin ? (
                 <>