Align admin mobile colors with Tamagui v2 tokens

resources/js/admin/mobile/DashboardPage.tsx

@@ -316,6 +316,7 @@ function LifecycleHero({
   const isPostEvent = phase === 'post';
   const showQuickControls = canManage && !isPostEvent;
   const displayStatus = event.status === 'archived' ? 'archived' : published ? 'published' : 'draft';
+  const liveGradient = `linear-gradient(135deg, ${theme.primary} 0%, ${theme.accent} 100%)`;
   
   // Header Row
   const Header = () => (
@@ -338,13 +339,13 @@ function LifecycleHero({
           padding={cardPadding}
           backgroundColor={theme.primary}
           borderColor="transparent"
-          style={{ backgroundImage: 'linear-gradient(135deg, #4F46E5 0%, #4338CA 100%)' }}
+          style={{ backgroundImage: liveGradient }}
         >
           <YStack gap={isEmbedded ? '$2.5' : '$3'}>
             <XStack alignItems="center" justifyContent="space-between">
               <YStack gap="$1">
                 <XStack alignItems="center" gap="$2">
-                  <YStack width={8} height={8} borderRadius={4} backgroundColor="#22C55E" />
+                  <YStack width={8} height={8} borderRadius={4} backgroundColor={theme.successText} />
                   <Text color="white" fontWeight="700" fontSize="$xs" textTransform="uppercase" letterSpacing={1}>
                     {t('dashboard:liveNow.status', 'Happening Now')}
                   </Text>