테마 적용

features/auth/components/reset-password-form.tsx

@@ -79,9 +79,9 @@ export default function ResetPasswordForm() {
           autoComplete="new-password"
           disabled={isLoading}
           {...register("password")}
-          className="h-11 transition-all duration-200"
+          className="h-11 transition-all duration-200 focus-visible:ring-brand-500"
         />
-        <p className="text-xs text-gray-500 dark:text-gray-400">
+        <p className="text-xs text-muted-foreground">
           8자 이상, 대문자/소문자/숫자/특수문자를 각 1개 이상 포함해야 합니다.
         </p>
         {errors.password && (
@@ -102,7 +102,7 @@ export default function ResetPasswordForm() {
           autoComplete="new-password"
           disabled={isLoading}
           {...register("confirmPassword")}
-          className="h-11 transition-all duration-200"
+          className="h-11 transition-all duration-200 focus-visible:ring-brand-500"
         />
         {confirmPassword &&
           password !== confirmPassword &&
@@ -114,7 +114,7 @@ export default function ResetPasswordForm() {
         {confirmPassword &&
           password === confirmPassword &&
           !errors.confirmPassword && (
-            <p className="text-xs text-green-600 dark:text-green-400">
+            <p className="text-xs text-brand-600 dark:text-brand-400">
               비밀번호가 일치합니다.
             </p>
           )}
@@ -128,7 +128,7 @@ export default function ResetPasswordForm() {
       <Button
         type="submit"
         disabled={isLoading}
-        className="h-11 w-full bg-linear-to-r from-gray-900 to-black font-semibold text-white shadow-lg transition-all hover:from-black hover:to-gray-800 hover:shadow-xl dark:from-white dark:to-gray-100 dark:text-black dark:hover:from-gray-100 dark:hover:to-white"
+        className="h-11 w-full bg-linear-to-r from-brand-500 to-brand-700 font-semibold text-white shadow-lg shadow-brand-500/20 transition-all hover:from-brand-600 hover:to-brand-800 hover:shadow-xl hover:shadow-brand-500/25"
       >
         {isLoading ? (
           <span className="flex items-center gap-2">