fix: use semantic colors across admin pages

src/app/admin/tickets/[id]/admin-ticket-detail.tsx

@@ -57,17 +57,17 @@ interface StaffMember {
 }
 
 const STATUS_COLORS: Record<string, string> = {
-  open: 'bg-[var(--color-info-subtle)] text-[var(--color-info-text-readable)]',
-  in_progress: 'bg-[var(--color-warning-subtle)] text-[var(--color-warning-text-readable)]',
-  waiting: 'bg-[var(--color-warning-subtle)] text-[var(--color-warning-text-readable)]',
+  open: 'bg-[var(--admin-info-subtle)] text-[var(--admin-info)]',
+  in_progress: 'bg-[var(--admin-warning-subtle)] text-[var(--admin-warning)]',
+  waiting: 'bg-[var(--admin-warning-subtle)] text-[var(--admin-warning)]',
   closed: 'bg-muted text-muted-foreground',
 }
 
 const PRIORITY_COLORS: Record<string, string> = {
   low: 'text-muted-foreground',
-  normal: 'text-[var(--color-info-text-readable)]',
-  high: 'text-[var(--color-warning-text-readable)]',
-  urgent: 'text-[var(--color-error-text-readable)]',
+  normal: 'text-[var(--admin-info)]',
+  high: 'text-[var(--admin-warning)]',
+  urgent: 'text-[var(--admin-error)]',
 }
 
 export function AdminTicketDetail({