fix: enforce semantic contrast across admin

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

@@ -185,8 +185,8 @@ export function ImportEffectsClient() {
             <span className="text-muted-foreground">effects</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">
@@ -337,7 +337,7 @@ export function ImportEffectsClient() {
                   )}
                 >
                   {e.type === 'dance' ? (
-                    <Music className="w-7 h-7 text-amber-500/80" />
+                    <Music className="w-7 h-7 text-[var(--color-warning-text-readable)]/80" />
                   ) : (
                     <Sparkles className="w-7 h-7 text-violet-500/80" />
                   )}
@@ -351,7 +351,7 @@ export function ImportEffectsClient() {
                   <div className="pt-1">
                     {imported ? (
                       <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>