From 529f40a7c31b588723be759f6daab939f011a9b7 Mon Sep 17 00:00:00 2001
From: Godopu <godopu16@gmail.com>
Date: Thu, 30 Jul 2026 22:51:24 +0900
Subject: [PATCH] fix: unify Footer background and text color with main theme
 tokens to remove inverted block contrast

---
 refer_landing_page/components/Footer.tsx | 32 ++++++++++++------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/refer_landing_page/components/Footer.tsx b/refer_landing_page/components/Footer.tsx
index 44374dd..8c80899 100644
--- a/refer_landing_page/components/Footer.tsx
+++ b/refer_landing_page/components/Footer.tsx
@@ -12,7 +12,7 @@ const links = [
 
 export default function Footer() {
   return (
-    <footer className="mt-0 border-t border-ink bg-ink text-ivory lg:mt-8">
+    <footer className="mt-0 border-t border-line bg-paper text-ink lg:mt-8">
       {/* Marquee band — colophon ticker */}
       <Marquee
         items={[
@@ -23,20 +23,20 @@ export default function Footer() {
           "KYUNGPOOK NATIONAL UNIVERSITY",
         ]}
         reverse
-        className="border-b border-ivory/20 py-4 font-display text-lg tracking-wide text-ivory/90"
+        className="border-b border-line py-4 font-display text-lg tracking-wide text-ink/90"
       />
 
       <div className="container-content grid gap-12 py-16 lg:grid-cols-12">
         {/* Masthead title */}
         <div className="lg:col-span-5">
-          <p className="kicker text-ivory/50">Colophon</p>
-          <h3 className="headline-ko mt-3 text-2xl leading-snug">
+          <p className="kicker text-ink-mute">Colophon</p>
+          <h3 className="headline-ko mt-3 text-2xl leading-snug text-ink">
             AI 에이전트 네트워크 연구실
           </h3>
-          <p className="font-display mt-1 text-xl italic text-ivory/70">
+          <p className="font-display mt-1 text-xl italic text-ink-soft">
             AI Agent Networking Lab (ANL)
           </p>
-          <p className="mt-5 max-w-sm text-sm leading-relaxed text-ivory/60">
+          <p className="mt-5 max-w-sm text-sm leading-relaxed text-ink-mute">
             경북대학교 컴퓨터학부<br />
             Kyungpook National University,<br />
             School of Computer Science and Engineering
@@ -45,13 +45,13 @@ export default function Footer() {
 
         {/* Contact */}
         <div className="lg:col-span-4">
-          <p className="kicker text-ivory/50">Contact</p>
-          <address className="mt-3 not-italic text-sm leading-relaxed text-ivory/70">
+          <p className="kicker text-ink-mute">Contact</p>
+          <address className="mt-3 not-italic text-sm leading-relaxed text-ink-soft">
             (41566) 대구광역시 북구 대학로 80<br />
             경북대학교 IT대학 5호관(415동) 527호<br />
             <a
               href="mailto:sjkoh@knu.ac.kr"
-              className="draw-underline mt-2 inline-block text-ivory hover:text-vermillion"
+              className="draw-underline mt-2 inline-block text-ink hover:text-vermillion font-medium"
             >
               sjkoh@knu.ac.kr
             </a>
@@ -60,19 +60,19 @@ export default function Footer() {
 
         {/* Index */}
         <div className="lg:col-span-3">
-          <p className="kicker text-ivory/50">Index</p>
+          <p className="kicker text-ink-mute">Index</p>
           <ul className="mt-3 space-y-2">
             {links.map((l, i) => (
               <li key={l.href} className="flex items-baseline gap-3">
-                <span className="font-display text-xs text-ivory/40">
+                <span className="font-display text-xs text-ink-mute">
                   {String(i + 1).padStart(2, "0")}
                 </span>
                 <Link
                   href={l.href}
-                  className="text-sm text-ivory/70 transition hover:text-vermillion"
+                  className="text-sm text-ink-soft transition hover:text-vermillion"
                 >
                   {l.ko}{" "}
-                  <span className="text-xs text-ivory/40">{l.en}</span>
+                  <span className="text-xs text-ink-mute">{l.en}</span>
                 </Link>
               </li>
             ))}
@@ -80,12 +80,12 @@ export default function Footer() {
         </div>
       </div>
 
-      <div className="border-t border-ivory/20">
+      <div className="border-t border-line">
         <div className="container-content flex flex-col gap-2 py-5 sm:flex-row sm:items-center sm:justify-between">
-          <p className="text-xs text-ivory/50">
+          <p className="text-xs text-ink-mute">
             © {new Date().getFullYear()} AI 에이전트 네트워크 연구실 (ANL) · 경북대학교 컴퓨터학부. All rights reserved.
           </p>
-          <p className="kicker text-ivory/40">Set in Fraunces · Noto Serif KR · Pretendard</p>
+          <p className="kicker text-ink-mute">Set in Fraunces · Noto Serif KR · Pretendard</p>
         </div>
       </div>
     </footer>