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/UserAuthEditModal.tsx

@@ -54,28 +54,28 @@ export function UserAuthEditModal({ isOpen, onClose, onSuccess, user }: UserAuth
       label: "회사 관리자",
       description: "자기 회사 데이터 및 사용자 관리 가능",
       icon: <Building2 className="h-4 w-4" />,
-      color: "text-blue-600",
+      color: "text-primary",
     },
     {
       value: "USER",
       label: "일반 사용자",
       description: "자기 회사 데이터 조회/수정만 가능",
       icon: <User className="h-4 w-4" />,
-      color: "text-gray-600",
+      color: "text-muted-foreground",
     },
     {
       value: "GUEST",
       label: "게스트",
       description: "제한된 조회 권한",
       icon: <Users className="h-4 w-4" />,
-      color: "text-green-600",
+      color: "text-emerald-600",
     },
     {
       value: "PARTNER",
       label: "협력업체",
       description: "협력업체 전용 권한",
       icon: <Shield className="h-4 w-4" />,
-      color: "text-orange-600",
+      color: "text-amber-600",
     },
   ];
 
@@ -158,7 +158,7 @@ export function UserAuthEditModal({ isOpen, onClose, onSuccess, user }: UserAuth
           {/* 권한 선택 */}
           <div className="space-y-2">
             <Label htmlFor="userType" className="text-sm font-medium">
-              새로운 권한 <span className="text-red-500">*</span>
+              새로운 권한 <span className="text-destructive">*</span>
             </Label>
             <Select value={selectedUserType} onValueChange={setSelectedUserType}>
               <SelectTrigger className="h-10">
@@ -180,9 +180,9 @@ export function UserAuthEditModal({ isOpen, onClose, onSuccess, user }: UserAuth
 
           {/* SUPER_ADMIN 경고 */}
           {showConfirmation && selectedUserType === "SUPER_ADMIN" && (
-            <div className="rounded-lg border border-orange-300 bg-orange-50 p-4">
+            <div className="rounded-lg border border-orange-300 bg-amber-50 p-4">
               <div className="flex items-start gap-3">
-                <AlertTriangle className="mt-0.5 h-5 w-5 flex-shrink-0 text-orange-600" />
+                <AlertTriangle className="mt-0.5 h-5 w-5 flex-shrink-0 text-amber-600" />
                 <div className="space-y-2">
                   <p className="text-sm font-semibold text-orange-900">최고 관리자 권한 부여 경고</p>
                   <p className="text-xs text-orange-800">