frontend/src/routes/conversations/+page.svelte

@@ -279,7 +279,7 @@ const enrichedDocuments = $derived(
 									<div
 										class="flex h-8 w-8 items-center justify-center rounded-full border font-serif text-xs shadow-sm
                                     {isRight
-											? 'border-primary bg-primary text-white'
+											? 'border-primary bg-primary text-primary-fg'
 											: 'border-line bg-surface text-ink'}"
 									>
 										{#if doc.sender}
@@ -295,14 +295,14 @@ const enrichedDocuments = $derived(
 									href="/documents/{doc.id}"
 									class="group block transform rounded border p-4 shadow-sm transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md
                                {isRight
-										? 'rounded-br-none border-primary bg-primary text-white'
+										? 'rounded-br-none border-primary bg-primary text-primary-fg'
 										: 'rounded-bl-none border-line bg-muted/50 text-ink'}"
 								>
 									<!-- Header -->
 									<div class="mb-2 flex items-start justify-between gap-4">
 										<h3
 											class="font-serif text-sm leading-snug font-medium {isRight
-												? 'text-white'
+												? 'text-primary-fg'
 												: 'text-ink'}"
 										>
 											{doc.title || doc.originalFilename}
@@ -322,7 +322,7 @@ const enrichedDocuments = $derived(
 									<!-- Metadata -->
 									<div
 										class="flex flex-wrap gap-3 font-sans text-[10px] tracking-wider uppercase opacity-80 {isRight
-											? 'text-blue-100'
+											? 'text-primary-fg/70'
 											: 'text-ink-2'}"
 									>
 										<span class="flex items-center">