fix: use semantic colors across admin pages

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-[var(--color-success-text-readable)]" />
+          <CheckCircle2 className="mx-auto mb-3 h-10 w-10 text-[var(--admin-success)]" />
           <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,8 +615,8 @@ function StatCard({
   const tones = {
     default: 'border-border',
     danger: 'border-destructive/40 bg-destructive/5',
-    warn: 'border-[var(--color-warning-border)] bg-[var(--color-warning-subtle)]',
-    info: 'border-sky-500/40 bg-sky-500/5',
+    warn: 'border-[var(--admin-warning-border)] bg-[var(--admin-warning-subtle)]',
+    info: 'border-[var(--admin-info)]/40 bg-[var(--admin-info)]/5',
   }
   return (
     <div className={`rounded-md border p-4 ${tones[tone]}`}>
@@ -631,7 +631,7 @@ function FileBadge({ present }: { present: boolean }) {
   return present ? (
     <Badge
       variant="secondary"
-      className="border-[var(--color-success-border)] bg-[var(--color-success-subtle)] text-[var(--color-success-text-readable)] dark:text-[var(--color-success-text-readable)]"
+      className="border-[var(--admin-success-border)] bg-[var(--admin-success-subtle)] text-[var(--admin-success)] dark:text-[var(--admin-success)]"
     >
       <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-[var(--color-success-text-readable)] dark:text-[var(--color-success-text-readable)]">
+      <span className="flex items-center gap-1 text-xs text-[var(--admin-success)] dark:text-[var(--admin-success)]">
         <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-[var(--color-warning-text-readable)] dark:text-[var(--color-warning-text-readable)]"
+        className="flex items-center gap-1 text-xs text-[var(--admin-warning)] dark:text-[var(--admin-warning)]"
         title={progress.message}
       >
         <AlertCircle className="h-3 w-3" />