Align admin mobile colors with Tamagui v2 tokens

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

@@ -10,11 +10,12 @@ import { MobileCard, CTAButton } from '../components/Primitives';
 import { ADMIN_HOME_PATH, ADMIN_WELCOME_BASE_PATH, ADMIN_WELCOME_PACKAGES_PATH, ADMIN_WELCOME_SUMMARY_PATH, adminPath } from '../../constants';
 import { getTenantPackagesOverview, trackOnboarding } from '../../api';
 import { getSelectedPackageId } from '../lib/onboardingSelection';
-import { ADMIN_COLORS } from '../theme';
+import { useAdminTheme } from '../theme';
 
 export default function WelcomeEventPage() {
   const navigate = useNavigate();
   const { t } = useTranslation('onboarding');
+  const theme = useAdminTheme();
   const selectedId = getSelectedPackageId();
 
   const { data: overview } = useQuery({
@@ -54,7 +55,7 @@ export default function WelcomeEventPage() {
         <Text fontSize="$sm" fontWeight="800">
           {t('eventSetup.step.title', 'Event setup in minutes')}
         </Text>
-        <Text fontSize="$sm" color={ADMIN_COLORS.textMuted}>
+        <Text fontSize="$sm" color={theme.muted}>
           {t(
             'eventSetup.step.description',
             'We guide you through name, date, mood, and tasks. Afterwards you can moderate photos and support guests live.',
@@ -83,7 +84,7 @@ export default function WelcomeEventPage() {
         <Text fontSize="$sm" fontWeight="800">
           {t('eventSetup.cta.heading', 'Ready for your first event?')}
         </Text>
-        <Text fontSize="$sm" color={ADMIN_COLORS.textMuted}>
+        <Text fontSize="$sm" color={theme.muted}>
           {t(
             'eventSetup.cta.description',
             "You're switching to the event manager. Assign tasks, invite members, and test the gallery. You can always return to the welcome journey.",
@@ -120,23 +121,24 @@ function FeatureRow({
   title: string;
   body: string;
 }) {
+  const theme = useAdminTheme();
   return (
     <XStack alignItems="center" gap="$2">
       <XStack
         width={34}
         height={34}
         borderRadius={12}
-        backgroundColor={ADMIN_COLORS.accentSoft}
+        backgroundColor={theme.accentSoft}
         alignItems="center"
         justifyContent="center"
       >
-        <Icon size={16} color={ADMIN_COLORS.primary} />
+        <Icon size={16} color={theme.primary} />
       </XStack>
       <YStack>
         <Text fontSize="$sm" fontWeight="700">
           {title}
         </Text>
-        <Text fontSize="$xs" color={ADMIN_COLORS.textMuted}>
+        <Text fontSize="$xs" color={theme.muted}>
           {body}
         </Text>
       </YStack>