fix: use semantic colors across admin pages

src/app/admin/users/[id]/edit/page.tsx

@@ -80,14 +80,14 @@ export default async function AdminUserEdit({ params }: { params: Promise<{ id:
         <Link href={`/admin/users/${user.id}`}>← {user.username}</Link>
       </p>
       <div className="flex items-center gap-3 mb-6">
-        <div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--color-primary)]/20 to-[var(--color-primary)]/5 grid place-items-center">
-          <User size={20} className="text-[var(--color-primary)]" />
+        <div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
+          <User size={20} className="text-[var(--admin-accent)]" />
         </div>
         <div>
-          <h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">
+          <h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
             {t("title", { username: user.username })}
           </h1>
-          <p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("idLabel", { id: user.id })}</p>
+          <p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">{t("idLabel", { id: user.id })}</p>
         </div>
       </div>
 

src/app/admin/users/[id]/user-quick-actions.tsx

@@ -127,7 +127,7 @@ export function UserQuickActions({ userId, username, isOnline }: UserQuickAction
               <Unplug className="mr-2 h-4 w-4" />
               Disconnect
               {isOnline && (
-                <Badge variant="default" className="ml-auto text-[10px] bg-[var(--color-success-subtle)]">
+                <Badge variant="default" className="ml-auto text-[10px] bg-[var(--admin-success-subtle)]">
                   Online
                 </Badge>
               )}
@@ -209,7 +209,7 @@ export function UserQuickActions({ userId, username, isOnline }: UserQuickAction
               {newPassword}
             </code>
             <Button variant="ghost" size="icon" onClick={copyPassword}>
-              {copied ? <Check className="h-4 w-4 text-[var(--color-success-text-readable)]" /> : <Copy className="h-4 w-4" />}
+              {copied ? <Check className="h-4 w-4 text-[var(--admin-success)]" /> : <Copy className="h-4 w-4" />}
             </Button>
           </div>
         </DialogContent>