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

@@ -225,7 +225,7 @@ export function AddColumnModal({ isOpen, onClose, tableName, onSuccess }: AddCol
           <div className="grid grid-cols-1 gap-4 md:grid-cols-2">
             <div className="space-y-2">
               <Label htmlFor="columnName">
-                컬럼명 <span className="text-red-500">*</span>
+                컬럼명 <span className="text-destructive">*</span>
               </Label>
               <Input
                 id="columnName"
@@ -233,7 +233,7 @@ export function AddColumnModal({ isOpen, onClose, tableName, onSuccess }: AddCol
                 onChange={(e) => updateColumn({ name: e.target.value })}
                 placeholder="column_name"
                 disabled={loading}
-                className={validationErrors.some((e) => e.includes("컬럼명")) ? "border-red-300" : ""}
+                className={validationErrors.some((e) => e.includes("컬럼명")) ? "border-destructive/30" : ""}
               />
               <p className="text-muted-foreground text-xs">영문자로 시작, 영문자/숫자/언더스코어만 사용 가능</p>
             </div>
@@ -255,7 +255,7 @@ export function AddColumnModal({ isOpen, onClose, tableName, onSuccess }: AddCol
           <div className="grid grid-cols-1 gap-4 md:grid-cols-2">
             <div className="space-y-2">
               <Label>
-                입력타입 <span className="text-red-500">*</span>
+                입력타입 <span className="text-destructive">*</span>
               </Label>
               <Select value={column.inputType} onValueChange={handleInputTypeChange} disabled={loading}>
                 <SelectTrigger>
@@ -354,7 +354,7 @@ export function AddColumnModal({ isOpen, onClose, tableName, onSuccess }: AddCol
           <Button
             onClick={handleAddColumn}
             disabled={!isFormValid || loading}
-            className="bg-blue-600 hover:bg-blue-700"
+            className="bg-primary hover:bg-primary/90"
           >
             {loading ? (
               <>