Align admin mobile colors with Tamagui v2 tokens

resources/js/admin/mobile/welcome/WelcomeLandingPage.tsx

@@ -15,12 +15,13 @@ import {
   ADMIN_WELCOME_PACKAGES_PATH,
   adminPath,
 } from '../../constants';
-import { ADMIN_COLORS } from '../theme';
+import { useAdminTheme } from '../theme';
 
 export default function WelcomeLandingPage() {
   const navigate = useNavigate();
   const { t } = useTranslation('onboarding');
   const { hasEvents } = useEventContext();
+  const theme = useAdminTheme();
 
   const { data: packagesData } = useQuery({
     queryKey: ['mobile', 'onboarding', 'packages-overview'],
@@ -53,7 +54,7 @@ export default function WelcomeLandingPage() {
         <Text fontSize="$lg" fontWeight="900">
           {t('hero.title', 'Design the next Fotospiel experience')}
         </Text>
-        <Text fontSize="$sm" color={ADMIN_COLORS.textMuted}>
+        <Text fontSize="$sm" color={theme.muted}>
           {t(
             'hero.description',
             'In just a few steps you guide guests through a magical photo journey – complete with storytelling, tasks, and a moderated gallery.',
@@ -124,11 +125,11 @@ function FeatureCard({
             width={36}
             height={36}
             borderRadius={12}
-            backgroundColor={ADMIN_COLORS.accentSoft}
+            backgroundColor={theme.accentSoft}
             alignItems="center"
             justifyContent="center"
           >
-            <Icon size={18} color={ADMIN_COLORS.primary} />
+            <Icon size={18} color={theme.primary} />
           </XStack>
           <Text fontSize="$sm" fontWeight="800">
             {title}
@@ -136,7 +137,7 @@ function FeatureCard({
         </XStack>
         {badge ? <PillBadge tone="muted">{badge}</PillBadge> : null}
       </XStack>
-      <Text fontSize="$sm" color={ADMIN_COLORS.textMuted}>
+      <Text fontSize="$sm" color={theme.muted}>
         {body}
       </Text>
     </MobileCard>