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

@@ -116,7 +116,7 @@ export function SortableCodeItem({
                   }}
                   onPointerDown={(e) => e.stopPropagation()}
                   onMouseDown={(e) => e.stopPropagation()}
-                  className="text-muted-foreground hover:text-foreground -ml-1 flex h-5 w-5 items-center justify-center rounded transition-colors hover:bg-gray-100"
+                  className="text-muted-foreground hover:text-foreground -ml-1 flex h-5 w-5 items-center justify-center rounded transition-colors hover:bg-muted"
                   title={isExpanded ? "접기" : "펼치기"}
                 >
                   {isExpanded ? <ChevronDown className="h-4 w-4" /> : <ChevronRight className="h-4 w-4" />}
@@ -135,12 +135,12 @@ export function SortableCodeItem({
                 </Badge>
               )}
               {depth === 2 && (
-                <Badge variant="outline" className="bg-blue-50 px-1.5 py-0 text-[10px] text-blue-600">
+                <Badge variant="outline" className="bg-primary/10 px-1.5 py-0 text-[10px] text-primary">
                   중분류
                 </Badge>
               )}
               {depth === 3 && (
-                <Badge variant="outline" className="bg-green-50 px-1.5 py-0 text-[10px] text-green-600">
+                <Badge variant="outline" className="bg-emerald-50 px-1.5 py-0 text-[10px] text-emerald-600">
                   소분류
                 </Badge>
               )}
@@ -196,7 +196,7 @@ export function SortableCodeItem({
                   onAddChild();
                 }}
                 title="하위 코드 추가"
-                className="text-blue-600 hover:bg-blue-50 hover:text-blue-700"
+                className="text-primary hover:bg-primary/10 hover:text-primary"
               >
                 <Plus className="h-3 w-3" />
               </Button>