design: 자잘한 color fix

src/app/(auth)/login/page.tsx

@@ -19,7 +19,7 @@ export default function LoginPage() {
   // 로그인 훅과 로딩 상태 관리
   const { login, isPending } = useLogin();
   const [isSocialLogin, setIsSocialLogin] = useState(false);
-  const [currentProvider, setCurrentProvider] = useState<OAuthProvider>(oauthProviders.GOOGLE);
+  const [, setCurrentProvider] = useState<OAuthProvider>(oauthProviders.GOOGLE);
 
   // 폼 유효성 검사 및 상태 관리
   const {
@@ -86,7 +86,7 @@ export default function LoginPage() {
         <div className="text-grayscale-900 text-center text-3xl font-bold tracking-tight">로그인</div>
         <p className="text-grayscale-600 mt-2 text-center text-sm">
           아직 계정이 없으신가요?{" "}
-          <Link href="/signup" className="font-medium text-primary-orange-300 hover:text-primary-orange-200">
+          <Link href="/signup" className="font-bold text-primary-orange-300 hover:text-primary-orange-200">
             회원가입하기
           </Link>
         </p>

src/app/(auth)/signup/page.tsx

@@ -12,7 +12,7 @@ export default function SignupPage() {
           <h2 className="text-grayscale-900 text-center text-3xl font-bold tracking-tight">회원 유형 선택</h2>
           <p className="text-grayscale-600 mt-2 text-center text-sm">
             이미 계정이 있으신가요?{" "}
-            <Link href="/login" className="font-medium text-primary-orange-300 hover:text-primary-orange-200">
+            <Link href="/login" className="font-bold text-primary-orange-300 hover:text-primary-orange-200">
               로그인하기
             </Link>
           </p>
@@ -22,7 +22,7 @@ export default function SignupPage() {
           {/* 지원자 회원가입 카드 */}
           <Link
             href="/signup/applicant"
-            className="flex flex-1 flex-col items-center rounded-lg border-2 border-transparent bg-primary-blue-50 p-8 transition-all hover:scale-105 hover:border-primary-orange-300 hover:shadow-lg"
+            className="flex flex-1 flex-col items-center rounded-lg border-2 border-transparent bg-[#ebfdeb] p-8 transition-all hover:scale-105 hover:border-primary-orange-300 hover:shadow-xl"
           >
             <div className="flex h-24 w-24 items-center justify-center rounded-full bg-primary-orange-50">
               <FaUser className="h-12 w-12 text-primary-orange-300" />

src/app/(home)/page.tsx

@@ -273,7 +273,7 @@ export default function LandingPage() {
                               src={slides[currentSlide].blackAreaImage || ""}
                               alt={slides[currentSlide].blackAreaTitle || ""}
                               fill
-                              className="object-contain transition-transform duration-500 hover:scale-105"
+                              className="object-contain transition-transform duration-500"
                               sizes="(max-width: 768px) 100vw, 600px"
                             />
                           </div>
@@ -488,7 +488,7 @@ export default function LandingPage() {
                                 src={slides[currentSlide].image}
                                 alt={slides[currentSlide].title}
                                 fill
-                                className="object-contain transition-transform duration-500 hover:scale-105"
+                                className="object-contain transition-transform duration-500"
                                 sizes="(max-width: 768px) 100vw, 600px"
                               />
                             </div>

src/app/components/button/default/Button.tsx

@@ -41,7 +41,7 @@ const Button = ({
   const colorStyles = {
     orange: {
       solid:
-        "bg-primary-orange-300 text-white hover:bg-primary-orange-200 focus:ring-1 focus:ring-primary-orange-200 focus:outline-none disabled:bg-primary-orange-100 disabled:cursor-not-allowed",
+        "bg-primary-orange-300 text-white hover:bg-primary-orange-350 focus:ring-1 focus:ring-primary-orange-200 focus:outline-none disabled:bg-primary-orange-100 disabled:cursor-not-allowed",
       outlined:
         "border-2 border-primary-orange-300 text-primary-orange-300 hover:border-primary-orange-200 hover:text-primary-orange-200 focus:ring-1 focus:ring-primary-orange-200 focus:outline-none disabled:border-primary-orange-100 disabled:text-grayscale-100 disabled:cursor-not-allowed disabled:hover:bg-transparent",
     },

src/app/components/layout/Header.tsx

@@ -22,21 +22,29 @@ export default function Header() {
 
   if (pathname === "/") {
     return (
-      <header className="fixed left-0 right-0 top-0 z-40" data-slide-header>
+      <header className="fixed right-8 top-0 z-40" data-slide-header>
         <nav className="mx-auto flex h-16 min-w-[327px] max-w-screen-xl items-center justify-end px-6">
           <div className="flex items-center gap-4 md:gap-6">
             <Link
               href="/work-list"
-              className="text-sm text-white transition-colors hover:text-lime-400 md:text-base lg:text-lg"
+              className="text-sm text-white transition-colors hover:text-primary-orange-300 md:text-base lg:text-lg"
             >
               워크 채널
             </Link>
             <Link
               href="/work-talk"
-              className="text-sm text-white transition-colors hover:text-lime-400 md:text-base lg:text-lg"
+              className="text-sm text-white transition-colors hover:text-primary-orange-300 md:text-base lg:text-lg"
             >
               워크톡
             </Link>
+            {!user && !isLoading && (
+              <Link
+                href="/login"
+                className="text-sm text-white transition-colors hover:text-primary-orange-300 md:text-base lg:text-lg"
+              >
+                로그인
+              </Link>
+            )}
           </div>
         </nav>
       </header>
@@ -62,7 +70,7 @@ export default function Header() {
 
     return cn(
       "font-medium transition-colors h-16 flex items-center",
-      "hover:text-lime-900 hover:font-bold hover:opacity-70",
+      "hover:font-bold hover:text-primary-orange-300",
       isActive
         ? "text-lime-900 text-sm md:text-base lg:text-lg font-bold"
         : "text-primary-orange-400 text-sm md:text-base"

src/app/components/layout/auth/Background.tsx

@@ -1,6 +1,6 @@
 export default function Background({ children }: { children: React.ReactNode }) {
   return (
-    <div className="mt-[64px] flex min-h-[calc(100vh-64px)] items-center justify-center bg-gradient-to-r from-primary-orange-100 to-primary-orange-200 px-4 py-12 sm:px-6 lg:px-8">
+    <div className="mt-[64px] flex min-h-[calc(100vh-64px)] items-center justify-center bg-primary-blue-50 py-12 sm:px-6 lg:px-8">
       {children}
     </div>
   );

tailwind.config.ts

@@ -34,6 +34,7 @@ const config: Config = {
             100: "#bde3bf",
             200: "#94d597",
             300: "#5ebd63", // 사용자 브랜드 색상
+            350: "#41a14a",
             400: "#4b9f4d",
             500: "#008957",
           },