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/multilang/KeyGenerateModal.tsx

@@ -309,8 +309,8 @@ export function KeyGenerateModal({
               preview?.exists 
                 ? "border-destructive bg-destructive/10"
                 : preview?.isOverride
-                ? "border-blue-500 bg-blue-500/10"
-                : "border-green-500 bg-green-500/10"
+                ? "border-primary bg-primary/10"
+                : "border-emerald-500 bg-emerald-500/10"
             )}>
               <div className="flex items-center gap-2">
                 {previewLoading ? (
@@ -318,9 +318,9 @@ export function KeyGenerateModal({
                 ) : preview?.exists ? (
                   <AlertCircle className="h-4 w-4 text-destructive" />
                 ) : preview?.isOverride ? (
-                  <Info className="h-4 w-4 text-blue-500" />
+                  <Info className="h-4 w-4 text-primary" />
                 ) : (
-                  <CheckCircle2 className="h-4 w-4 text-green-500" />
+                  <CheckCircle2 className="h-4 w-4 text-emerald-500" />
                 )}
                 <code className="text-xs font-mono sm:text-sm">
                   {generatedKeyPreview}
@@ -332,7 +332,7 @@ export function KeyGenerateModal({
                 </p>
               )}
               {preview?.isOverride && !preview?.exists && (
-                <p className="mt-1 text-xs text-blue-600">
+                <p className="mt-1 text-xs text-primary">
                   공통 키가 존재합니다. 회사별 오버라이드로 생성됩니다.
                 </p>
               )}