Update guest v2 branding and theming

resources/js/guest-v2/screens/TaskDetailScreen.tsx

@@ -10,7 +10,7 @@ import { fetchTasks, type TaskItem } from '../services/tasksApi';
 import { useEventData } from '../context/EventDataContext';
 import { buildEventPath } from '../lib/routes';
 import { useTranslation } from '@/guest/i18n/useTranslation';
-import { useAppearance } from '@/hooks/use-appearance';
+import { useGuestThemeVariant } from '../lib/guestTheme';
 
 function getTaskValue(task: TaskItem, key: string): string | undefined {
   const value = task?.[key as keyof TaskItem];
@@ -39,8 +39,7 @@ export default function TaskDetailScreen() {
   const { taskId } = useParams<{ taskId: string }>();
   const { t, locale } = useTranslation();
   const navigate = useNavigate();
-  const { resolved } = useAppearance();
-  const isDark = resolved === 'dark';
+  const { isDark } = useGuestThemeVariant();
   const mutedText = isDark ? 'rgba(248, 250, 252, 0.7)' : 'rgba(15, 23, 42, 0.65)';
   const [task, setTask] = React.useState<TaskItem | null>(null);
   const [loading, setLoading] = React.useState(true);