fix: use semantic colors across admin pages

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-[var(--color-success-text-readable)]" />
-            <span className="font-medium text-[var(--color-success-text-readable)]">{importedCount}</span>
+            <Check className="h-4 w-4 text-[var(--admin-success)]" />
+            <span className="font-medium text-[var(--admin-success)]">{importedCount}</span>
             <span className="text-muted-foreground">imported</span>
           </div>
           <div className="flex items-center gap-1.5 text-sm">
@@ -287,7 +287,7 @@ export function ImportPetsClient() {
                 key={p.lib}
                 className={cn(
                   'rounded-lg border overflow-hidden bg-card relative hover:border-border transition-all',
-                  p.nitroExists && 'shadow-[0_0_6px_rgba(34,197,94,0.15)]',
+                  p.nitroExists && 'ring-1 ring-[var(--admin-success)]/30',
                   isSelected && 'ring-2 ring-primary border-primary',
                 )}
               >
@@ -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-[var(--color-success-subtle)] text-[var(--color-success-text-readable)] border-0 gap-0.5 flex-1 justify-center">
+                        <Badge className="text-[10px] px-1.5 py-0 bg-[var(--admin-success-subtle)] text-[var(--admin-success)] border-0 gap-0.5 flex-1 justify-center">
                           <Check className="w-2.5 h-2.5" />
                           Imported
                         </Badge>