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

@@ -194,7 +194,7 @@ export function RoleFormModal({ isOpen, onClose, onSuccess, editingRole }: RoleF
           {/* 권한 그룹명 */}
           <div>
             <Label htmlFor="authName" className="text-xs sm:text-sm">
-              권한 그룹명 <span className="text-red-500">*</span>
+              권한 그룹명 <span className="text-destructive">*</span>
             </Label>
             <Input
               id="authName"
@@ -210,7 +210,7 @@ export function RoleFormModal({ isOpen, onClose, onSuccess, editingRole }: RoleF
           {/* 권한 코드 */}
           <div>
             <Label htmlFor="authCode" className="text-xs sm:text-sm">
-              권한 코드 <span className="text-red-500">*</span>
+              권한 코드 <span className="text-destructive">*</span>
             </Label>
             <Input
               id="authCode"
@@ -243,7 +243,7 @@ export function RoleFormModal({ isOpen, onClose, onSuccess, editingRole }: RoleF
           ) : (
             <div>
               <Label htmlFor="companyCode" className="text-xs sm:text-sm">
-                회사 <span className="text-red-500">*</span>
+                회사 <span className="text-destructive">*</span>
               </Label>
               {isSuperAdmin ? (
                 <>
@@ -345,10 +345,10 @@ export function RoleFormModal({ isOpen, onClose, onSuccess, editingRole }: RoleF
             <div
               className={`rounded-lg border p-3 text-sm ${
                 alertType === "success"
-                  ? "border-green-300 bg-green-50 text-green-800"
+                  ? "border-green-300 bg-emerald-50 text-emerald-800"
                   : alertType === "error"
                     ? "border-destructive/50 bg-destructive/10 text-destructive"
-                    : "border-blue-300 bg-blue-50 text-blue-800"
+                    : "border-primary/40 bg-primary/10 text-primary"
               }`}
             >
               <div className="flex items-start gap-2">