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/v2-bom-item-editor/BomItemEditorComponent.tsx

@@ -1227,17 +1227,17 @@ export function BomItemEditorComponent({
         {/* 설정 요약 뱃지 */}
         <div className="flex flex-wrap gap-1">
           {cfg.mainTableName && (
-            <span className="rounded bg-orange-100 px-1.5 py-0.5 text-[10px] text-orange-700">
+            <span className="rounded bg-amber-100 px-1.5 py-0.5 text-[10px] text-orange-700">
               저장: {cfg.mainTableName}
             </span>
           )}
           {cfg.dataSource?.sourceTable && (
-            <span className="rounded bg-blue-100 px-1.5 py-0.5 text-[10px] text-blue-700">
+            <span className="rounded bg-primary/10 px-1.5 py-0.5 text-[10px] text-primary">
               소스: {cfg.dataSource.sourceTable}
             </span>
           )}
           {cfg.parentKeyColumn && (
-            <span className="rounded bg-green-100 px-1.5 py-0.5 text-[10px] text-green-700">
+            <span className="rounded bg-emerald-100 px-1.5 py-0.5 text-[10px] text-emerald-700">
               트리: {cfg.parentKeyColumn}
             </span>
           )}
@@ -1263,7 +1263,7 @@ export function BomItemEditorComponent({
                       key={col.key}
                       className={cn(
                         "px-2 py-1.5 text-left font-medium",
-                        col.isSourceDisplay && "text-blue-600",
+                        col.isSourceDisplay && "text-primary",
                       )}
                       style={{ width: col.width && col.width !== "auto" ? col.width : undefined }}
                     >
@@ -1297,7 +1297,7 @@ export function BomItemEditorComponent({
                     {visibleColumns.map((col: any) => (
                       <td key={col.key} className="px-1.5 py-0.5">
                         {col.isSourceDisplay ? (
-                          <span className="truncate text-blue-600">
+                          <span className="truncate text-primary">
                             {getDummyValue(col, rowIdx) || col.title}
                           </span>
                         ) : col.editable !== false ? (