x

apps/website/src/app/[lang]/profile/page.tsx

@@ -32,7 +32,7 @@ export default async function ProfilePage({ params }: { params: Promise<{ lang:
   }
 
   return (
-    <main className="min-h-[70vh] bg-pop-bg">
+    <main className="min-h-[70vh] bg-surface-page text-text-main">
       {announcementSections.length > 0 && (
         <DynamicPageRenderer sections={announcementSections} categories={categories} lang={lang} />
       )}
@@ -41,12 +41,12 @@ export default async function ProfilePage({ params }: { params: Promise<{ lang:
         <DynamicPageRenderer sections={heroSections} categories={categories} lang={lang} />
       ) : (
         <section className="mx-auto max-w-4xl px-6 pt-20 text-center md:pt-24">
-          <div className="mx-auto mb-5 flex h-16 w-16 items-center justify-center rounded-full bg-white text-pop-pink shadow-brutal">
+          <div className="mx-auto mb-5 flex h-16 w-16 items-center justify-center rounded-full bg-surface-card text-brand-primary shadow-card">
             <User className="h-8 w-8" />
           </div>
-          <p className="text-xs font-bold uppercase tracking-[0.28em] text-pop-pink">Member Profile</p>
-          <h1 className="mt-4 text-4xl font-semibold text-pop-black md:text-5xl">โปรไฟล์ของฉัน</h1>
-          <p className="mx-auto mt-4 max-w-2xl text-gray-600">
+          <p className="ui-eyebrow">Member Profile</p>
+          <h1 className="mt-4 text-4xl font-semibold text-text-main md:text-5xl">โปรไฟล์ของฉัน</h1>
+          <p className="mx-auto mt-4 max-w-2xl text-muted-text">
             ตรวจสอบประวัติคำสั่งซื้อ คะแนนสะสม และจัดการที่อยู่จัดส่งสำหรับการสั่งซื้อครั้งถัดไป
           </p>
         </section>