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/radio-basic/RadioBasicComponent.tsx

@@ -96,9 +96,9 @@ export const RadioBasicComponent: React.FC<RadioBasicComponentProps> = ({
                 checked={selectedValue === option.value}
                 onChange={() => handleRadioChange(option.value)}
                 disabled={componentConfig.disabled || isDesignMode}
-                className="h-4 w-4 border-gray-300 text-blue-600 focus:ring-0 focus:outline-none"
+                className="h-4 w-4 border-input text-primary focus:ring-0 focus:outline-none"
               />
-              <span className="text-sm text-gray-900">{option.label}</span>
+              <span className="text-sm text-foreground">{option.label}</span>
             </label>
           ))}
         </div>
@@ -118,9 +118,9 @@ export const RadioBasicComponent: React.FC<RadioBasicComponentProps> = ({
                 checked={selectedValue === option.value}
                 onChange={() => handleRadioChange(option.value)}
                 disabled={componentConfig.disabled || isDesignMode}
-                className="h-4 w-4 border-gray-300 text-blue-600 focus:ring-0 focus:outline-none"
+                className="h-4 w-4 border-input text-primary focus:ring-0 focus:outline-none"
               />
-              <span className="text-sm text-gray-900">{option.label}</span>
+              <span className="text-sm text-foreground">{option.label}</span>
             </label>
           ))}
         </div>
@@ -155,7 +155,7 @@ export const RadioBasicComponent: React.FC<RadioBasicComponentProps> = ({
       {component.label && component.style?.labelDisplay !== false && (
         <label className="absolute -top-6 left-0 text-sm font-medium text-slate-600">
           {component.label}
-          {component.required && <span className="text-red-500">*</span>}
+          {component.required && <span className="text-destructive">*</span>}
         </label>
       )}