diff --git a/src/pages/FocusGroupSession.tsx b/src/pages/FocusGroupSession.tsx
index 2b203ed7..834a1376 100755
--- a/src/pages/FocusGroupSession.tsx
+++ b/src/pages/FocusGroupSession.tsx
@@ -1882,8 +1882,8 @@ const FocusGroupSession = () => {
               <ArrowLeft className="h-4 w-4" />
             </Button>
             <div>
-              <h1 className="font-sf text-2xl font-bold text-slate-900">{focusGroup.name}</h1>
-              <p className="text-slate-600">{new Date(focusGroup.date).toLocaleString()}</p>
+              <h1 className="font-sf text-2xl font-bold text-foreground">{focusGroup.name}</h1>
+              <p className="text-muted-foreground">{new Date(focusGroup.date).toLocaleString()}</p>
               <div className="flex items-center mt-1">
                 <Bot className="h-3 w-3 text-slate-500 mr-1" />
                 <Badge variant="secondary" className="text-xs">
diff --git a/src/pages/FocusGroups.tsx b/src/pages/FocusGroups.tsx
index 9890fd78..7c5a64b7 100755
--- a/src/pages/FocusGroups.tsx
+++ b/src/pages/FocusGroups.tsx
@@ -290,8 +290,8 @@ const FocusGroups = () => {
       <main className="pt-20 pb-16 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
         <div className="flex flex-col sm:flex-row justify-between items-start sm:items-center mb-8">
           <div>
-            <h1 className="font-sf text-3xl font-bold text-slate-900">Focus Groups</h1>
-            <p className="text-slate-600 mt-1">Set up and manage AI-moderated research sessions</p>
+            <h1 className="font-sf text-3xl font-bold text-foreground">Focus Groups</h1>
+            <p className="text-muted-foreground mt-1">Set up and manage AI-moderated research sessions</p>
           </div>
           
           <div className="mt-4 sm:mt-0">
diff --git a/src/pages/SyntheticUsers.tsx b/src/pages/SyntheticUsers.tsx
index 0e356e4f..ae4f78ab 100755
--- a/src/pages/SyntheticUsers.tsx
+++ b/src/pages/SyntheticUsers.tsx
@@ -1156,8 +1156,8 @@ const SyntheticUsers = () => {
       <main className="pt-20 pb-16 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
         <div className="flex flex-col sm:flex-row justify-between items-start sm:items-center mb-8">
           <div>
-            <h1 className="font-sf text-3xl font-bold text-slate-900">Synthetic Personas</h1>
-            <p className="text-slate-600 mt-1">Create and manage AI-generated research participants</p>
+            <h1 className="font-sf text-3xl font-bold text-foreground">Synthetic Personas</h1>
+            <p className="text-muted-foreground mt-1">Create and manage AI-generated research participants</p>
           </div>
           
           <div className="mt-4 sm:mt-0 flex flex-col items-end gap-3">