Update guest v2 branding and theming

resources/js/guest/context/EventBrandingContext.tsx

@@ -131,6 +131,10 @@ function resolveThemeVariant(
       ? 'dark'
       : null;
 
+  if (appearanceOverride) {
+    return appearanceOverride;
+  }
+
   if (mode === 'dark') {
     return 'dark';
   }
@@ -139,10 +143,6 @@ function resolveThemeVariant(
     return 'light';
   }
 
-  if (appearanceOverride) {
-    return appearanceOverride;
-  }
-
   if (backgroundPrefers) {
     return backgroundPrefers;
   }

resources/js/guest/context/__tests__/EventBrandingContext.test.tsx

@@ -70,4 +70,27 @@ describe('EventBrandingProvider', () => {
 
     unmount();
   });
+
+  it('prefers explicit appearance over branding mode', async () => {
+    localStorage.setItem('theme', 'light');
+    const darkBranding: EventBranding = {
+      ...sampleBranding,
+      mode: 'dark',
+      backgroundColor: '#0f172a',
+    };
+
+    const { unmount } = render(
+      <AppearanceProvider>
+        <EventBrandingProvider branding={darkBranding}>
+          <div>Guest</div>
+        </EventBrandingProvider>
+      </AppearanceProvider>
+    );
+
+    await waitFor(() => {
+      expect(document.documentElement.classList.contains('dark')).toBe(false);
+    });
+
+    unmount();
+  });
 });