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/common/inputStyles.ts

@@ -71,14 +71,14 @@ export const INPUT_CLASSES = {
 
   // Currency 통화 기호
   currencySymbol: `
-    text-sm font-semibold text-green-600 pl-2
+    text-sm font-semibold text-emerald-600 pl-2
   `,
 
   // Currency input
   currencyInput: `
     flex-1 h-9 px-3 py-2 text-sm font-semibold text-right
     border border-input rounded-md
-    bg-background text-green-600
+    bg-background text-emerald-600
     transition-colors
     focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring
     disabled:cursor-not-allowed disabled:opacity-50
@@ -86,14 +86,14 @@ export const INPUT_CLASSES = {
 
   // Percentage 퍼센트 기호
   percentageSymbol: `
-    text-sm font-semibold text-blue-600 pr-2
+    text-sm font-semibold text-primary pr-2
   `,
 
   // Percentage input
   percentageInput: `
     flex-1 h-9 px-3 py-2 text-sm font-semibold text-right
     border border-input rounded-md
-    bg-background text-blue-600
+    bg-background text-primary
     transition-colors
     focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring
     disabled:cursor-not-allowed disabled:opacity-50