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/lib/registry/components/select-basic/SelectBasicConfigPanel.tsx

@@ -385,7 +385,7 @@ export const SelectBasicConfigPanel: React.FC<SelectBasicConfigPanelProps> = ({
               <div className="bg-background space-y-1 rounded-md p-2 text-xs">
                 {config.cascadingRole === "parent" ? (
                   <>
-                    <div className="font-medium text-blue-600">부모 역할 (상위 선택)</div>
+                    <div className="font-medium text-primary">부모 역할 (상위 선택)</div>
                     <div>
                       <span className="text-muted-foreground">데이터 소스:</span>{" "}
                       <span className="font-medium">{selectedRelation.parent_table}</span>
@@ -397,7 +397,7 @@ export const SelectBasicConfigPanel: React.FC<SelectBasicConfigPanelProps> = ({
                   </>
                 ) : (
                   <>
-                    <div className="font-medium text-green-600">자식 역할 (하위 선택)</div>
+                    <div className="font-medium text-emerald-600">자식 역할 (하위 선택)</div>
                     <div>
                       <span className="text-muted-foreground">데이터 소스:</span>{" "}
                       <span className="font-medium">{selectedRelation.child_table}</span>
@@ -581,7 +581,7 @@ export const SelectBasicConfigPanel: React.FC<SelectBasicConfigPanelProps> = ({
           </svg>
           <Label className="text-sm font-medium">계층구조 코드 설정</Label>
         </div>
-        <div className="rounded border border-blue-200 bg-blue-50 p-2 text-xs text-blue-800">
+        <div className="rounded border border-primary/20 bg-primary/10 p-2 text-xs text-primary">
           공통코드에 계층구조(depth 2 이상)가 있으면 자동으로 대분류 → 중분류 → 소분류 셀렉트박스로 표시됩니다.
         </div>
 
@@ -591,7 +591,7 @@ export const SelectBasicConfigPanel: React.FC<SelectBasicConfigPanelProps> = ({
 
           {/* 코드 카테고리 선택 안내 */}
           {!config.codeCategory && (
-            <div className="rounded border border-yellow-200 bg-yellow-50 p-2 text-xs text-yellow-800">
+            <div className="rounded border border-amber-200 bg-amber-50 p-2 text-xs text-yellow-800">
               먼저 상단에서 코드 카테고리를 선택해주세요.
             </div>
           )}