fix: enforce semantic contrast across admin

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

@@ -178,8 +178,8 @@ export function ImportPetsClient() {
             <span className="text-muted-foreground">pets</span>
           </div>
           <div className="flex items-center gap-1.5 text-sm">
-            <Check className="h-4 w-4 text-emerald-500" />
-            <span className="font-medium text-emerald-600">{importedCount}</span>
+            <Check className="h-4 w-4 text-[var(--color-success-text-readable)]" />
+            <span className="font-medium text-[var(--color-success-text-readable)]">{importedCount}</span>
             <span className="text-muted-foreground">imported</span>
           </div>
           <div className="flex items-center gap-1.5 text-sm">
@@ -313,7 +313,7 @@ export function ImportPetsClient() {
                   <div className="pt-1">
                     {p.nitroExists ? (
                       <div className="flex items-center gap-1">
-                        <Badge className="text-[10px] px-1.5 py-0 bg-emerald-500/15 text-emerald-500 border-0 gap-0.5 flex-1 justify-center">
+                        <Badge className="text-[10px] px-1.5 py-0 bg-[var(--color-success-subtle)] text-[var(--color-success-text-readable)] border-0 gap-0.5 flex-1 justify-center">
                           <Check className="w-2.5 h-2.5" />
                           Imported
                         </Badge>