fix: use semantic colors across admin pages

src/app/admin/catalog/builder-club/bc-manager.tsx

@@ -124,7 +124,7 @@ export function BcPageDetail({ page, items, canEdit }: BcPageDetailProps) {
         </Link>
         <span className="text-muted-foreground">/</span>
         <div className="flex items-center gap-2">
-          <HardHat className="h-5 w-5 text-[var(--color-warning-text-readable)]" />
+          <HardHat className="h-5 w-5 text-[var(--admin-warning)]" />
           <h1 className="text-2xl font-bold tracking-tight">{page.caption}</h1>
           <Badge variant="outline" className="font-mono text-xs">
             #{page.id}
@@ -306,7 +306,7 @@ export function BcPageDetail({ page, items, canEdit }: BcPageDetailProps) {
                                   type="button"
                                   variant="ghost"
                                   size="sm"
-                                  className="h-6 w-6 p-0 text-[var(--color-error-text-readable)] hover:text-[var(--color-error-text-readable)]"
+                                  className="h-6 w-6 p-0 text-[var(--admin-error)] hover:text-[var(--admin-error)]"
                                   onClick={() => {
                                     if (!confirm(`Delete item "${item.catalogName}"?`)) return
                                     run(() => deleteBcItem({ id: item.id }), {