style: standardise link hover underline (2px, offset-4, accent) globally

Move text-decoration-thickness/underline-offset into the global a:hover
base rule so every link that shows an underline on hover gets identical
treatment: 2px thick, 4px offset, accent colour.

Remove the now-redundant per-component decoration-brand-mint / decoration-
accent / decoration-2 / underline-offset-{2,4} utilities from DocumentList,
enrich, persons, PersonDocumentList, and PanelMetadata.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/lib/components/PanelMetadata.svelte

@@ -136,9 +136,7 @@ let { doc }: { doc: Doc } = $props();
 							{doc.sender.firstName[0]}{doc.sender.lastName[0]}
 						</div>
 						<div>
-							<p
-								class="font-serif text-ink decoration-brand-mint underline-offset-2 group-hover:underline"
-							>
+							<p class="font-serif text-ink group-hover:underline">
 								{doc.sender.firstName}
 								{doc.sender.lastName}
 							</p>

frontend/src/routes/DocumentList.svelte

@@ -56,9 +56,7 @@ let {
 							<!-- Main Info -->
 							<div class="flex-1">
 								<div class="mb-2 flex items-baseline justify-between">
-									<h3
-										class="font-serif text-xl font-medium text-ink decoration-brand-mint decoration-2 underline-offset-4 group-hover:underline"
-									>
+									<h3 class="font-serif text-xl font-medium text-ink group-hover:underline">
 										{doc.title || doc.originalFilename}
 									</h3>
 								</div>

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

@@ -74,9 +74,7 @@ const count = $derived(documents.length);
 					<li class="group transition-colors duration-200 hover:bg-muted">
 						<a href="/enrich/{doc.id}" class="flex items-center justify-between p-6">
 							<div class="min-w-0 flex-1">
-								<p
-									class="font-serif text-lg font-medium text-ink decoration-accent decoration-2 underline-offset-4 group-hover:underline"
-								>
+								<p class="font-serif text-lg font-medium text-ink group-hover:underline">
 									{doc.title}
 								</p>
 							</div>

frontend/src/routes/enrich/done/+page.svelte

@@ -31,7 +31,7 @@ import { m } from '$lib/paraglide/messages.js';
 
 			<a
 				href="/enrich"
-				class="font-sans text-xs text-ink-2 underline-offset-4 transition-colors hover:text-ink hover:underline"
+				class="font-sans text-xs text-ink-2 transition-colors hover:text-ink hover:underline"
 			>
 				{m.enrich_back_to_list()}
 			</a>

frontend/src/routes/layout.css

@@ -216,5 +216,7 @@
 
 	a:hover {
 		text-decoration-color: var(--c-accent);
+		text-decoration-thickness: 2px;
+		text-underline-offset: 4px;
 	}
 }

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

@@ -119,9 +119,7 @@ function handleSearch() {
 
 						<!-- Info -->
 						<div class="min-w-0 flex-1">
-							<p
-								class="truncate font-serif text-base font-medium text-ink decoration-brand-mint decoration-2 underline-offset-2 group-hover:underline"
-							>
+							<p class="truncate font-serif text-base font-medium text-ink group-hover:underline">
 								{person.firstName}
 								{person.lastName}
 							</p>

frontend/src/routes/persons/[id]/PersonDocumentList.svelte

@@ -86,7 +86,7 @@ const visibleDocuments = $derived(
 								</div>
 								<div class="min-w-0">
 									<div
-										class="truncate font-serif text-base font-medium text-ink decoration-brand-mint decoration-2 underline-offset-2 group-hover:underline"
+										class="truncate font-serif text-base font-medium text-ink group-hover:underline"
 									>
 										{doc.title || doc.originalFilename}
 									</div>