fix: enforce semantic contrast across admin

src/app/admin/permissions/permissions-list.tsx

@@ -45,17 +45,17 @@ interface Props {
 }
 
 const RANK_ICONS: Record<number, React.ReactNode> = {
-  7: <Crown className="h-4 w-4 text-yellow-500" />,
-  6: <ShieldCheck className="h-4 w-4 text-red-500" />,
-  5: <Shield className="h-4 w-4 text-blue-500" />,
-  4: <UserCheck className="h-4 w-4 text-green-500" />,
+  7: <Crown className="h-4 w-4 text-[var(--color-warning-text-readable)]" />,
+  6: <ShieldCheck className="h-4 w-4 text-[var(--color-error-text-readable)]" />,
+  5: <Shield className="h-4 w-4 text-[var(--color-info-text-readable)]" />,
+  4: <UserCheck className="h-4 w-4 text-[var(--color-success-text-readable)]" />,
 }
 
 const RANK_COLORS: Record<number, string> = {
-  7: 'border-yellow-500/50 bg-yellow-500/5',
-  6: 'border-red-500/30 bg-red-500/5',
-  5: 'border-blue-500/30 bg-blue-500/5',
-  4: 'border-green-500/30 bg-green-500/5',
+  7: 'border-[var(--color-warning-border)] bg-[var(--color-warning-subtle)]',
+  6: 'border-[var(--color-error-border)] bg-[var(--color-error-subtle)]',
+  5: 'border-[var(--color-info-border)] bg-[var(--color-info-subtle)]',
+  4: 'border-[var(--color-success-border)] bg-[var(--color-success-subtle)]',
 }
 
 export function PermissionsList({ ranks: initialRanks }: Props) {