테마 적용

app/(auth)/forgot-password/page.tsx

@@ -12,6 +12,7 @@ import {
 } from "@/components/ui/card";
 import Link from "next/link";
 import { AUTH_ROUTES } from "@/features/auth/constants";
+import { Mail } from "lucide-react";
 
 /**
  * [비밀번호 찾기 페이지]
@@ -31,10 +32,10 @@ export default async function ForgotPasswordPage({
     <div className="relative z-10 w-full max-w-md animate-in fade-in slide-in-from-bottom-4 duration-700">
       {message && <FormMessage message={message} />}
 
-      <Card className="border-white/20 bg-white/70 shadow-2xl backdrop-blur-xl dark:border-white/10 dark:bg-gray-900/70">
+      <Card className="border-brand-200/30 bg-white/80 shadow-2xl shadow-brand-500/5 backdrop-blur-xl dark:border-brand-800/30 dark:bg-brand-950/70">
         <CardHeader className="space-y-3 text-center">
-          <div className="mx-auto mb-2 flex h-16 w-16 items-center justify-center rounded-2xl bg-linear-to-br from-gray-800 to-black shadow-lg dark:from-white dark:to-gray-200">
-            <span className="text-sm font-semibold">MAIL</span>
+          <div className="mx-auto mb-2 flex h-16 w-16 items-center justify-center rounded-2xl bg-linear-to-br from-brand-500 to-brand-700 shadow-lg shadow-brand-500/25">
+            <Mail className="h-7 w-7 text-white" />
           </div>
           <CardTitle className="text-3xl font-bold tracking-tight">
             비밀번호 재설정
@@ -59,13 +60,13 @@ export default async function ForgotPasswordPage({
                 placeholder="name@example.com"
                 autoComplete="email"
                 required
-                className="h-11 transition-all duration-200"
+                className="h-11 transition-all duration-200 focus-visible:ring-brand-500"
               />
             </div>
 
             <Button
               formAction={requestPasswordReset}
-              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"
             >
               재설정 링크 보내기
             </Button>
@@ -74,7 +75,7 @@ export default async function ForgotPasswordPage({
           <div className="text-center">
             <Link
               href={AUTH_ROUTES.LOGIN}
-              className="text-sm font-medium text-gray-700 hover:text-black dark:text-gray-300 dark:hover:text-white"
+              className="text-sm font-medium text-brand-600 transition-colors hover:text-brand-700 dark:text-brand-400 dark:hover:text-brand-300"
             >
               로그인 페이지로 돌아가기
             </Link>