fix: enforce semantic contrast across admin

src/app/admin/import/repair/repair-client.tsx

@@ -435,7 +435,7 @@ export function RepairClient() {
       {/* Table area */}
       {summary && summary.items.length === 0 && (
         <div className="rounded-md border bg-muted/30 p-10 text-center">
-          <CheckCircle2 className="mx-auto mb-3 h-10 w-10 text-emerald-500" />
+          <CheckCircle2 className="mx-auto mb-3 h-10 w-10 text-[var(--color-success-text-readable)]" />
           <p className="font-medium">All imported items have their assets on disk.</p>
           <p className="text-sm text-muted-foreground">
             {summary.total} items scanned, nothing to repair.
@@ -615,7 +615,7 @@ function StatCard({
   const tones = {
     default: 'border-border',
     danger: 'border-destructive/40 bg-destructive/5',
-    warn: 'border-amber-500/40 bg-amber-500/5',
+    warn: 'border-[var(--color-warning-border)] bg-[var(--color-warning-subtle)]',
     info: 'border-sky-500/40 bg-sky-500/5',
   }
   return (
@@ -631,7 +631,7 @@ function FileBadge({ present }: { present: boolean }) {
   return present ? (
     <Badge
       variant="secondary"
-      className="border-emerald-500/40 bg-emerald-500/10 text-emerald-700 dark:text-emerald-400"
+      className="border-[var(--color-success-border)] bg-[var(--color-success-subtle)] text-[var(--color-success-text-readable)] dark:text-[var(--color-success-text-readable)]"
     >
       <CheckCircle2 className="mr-1 h-3 w-3" /> On disk
     </Badge>
@@ -659,7 +659,7 @@ function StatusCell({ progress }: { progress?: ItemProgress }) {
       progress.iconRepaired ? 'icon ✓' : null,
     ].filter(Boolean)
     return (
-      <span className="flex items-center gap-1 text-xs text-emerald-600 dark:text-emerald-400">
+      <span className="flex items-center gap-1 text-xs text-[var(--color-success-text-readable)] dark:text-[var(--color-success-text-readable)]">
         <CheckCircle2 className="h-3 w-3" />
         {parts.length > 0 ? parts.join(' · ') : 'Repaired'}
       </span>
@@ -668,7 +668,7 @@ function StatusCell({ progress }: { progress?: ItemProgress }) {
   if (progress.status === 'partial') {
     return (
       <span
-        className="flex items-center gap-1 text-xs text-amber-600 dark:text-amber-400"
+        className="flex items-center gap-1 text-xs text-[var(--color-warning-text-readable)] dark:text-[var(--color-warning-text-readable)]"
         title={progress.message}
       >
         <AlertCircle className="h-3 w-3" />