Polish: team page title, and accent swatches that match the theme

The accent swatches always previewed the light-mode value, which made the
near-black "Pig" swatch effectively invisible on a dark card — the one place
the preview needed to be accurate. Each accent is tuned twice because a colour
that reads well on white is usually too dark on near-black; the swatch now
shows the value for the theme actually in effect.

Team and the placeholder routes also set document titles, so every route in
the app is now distinguishable in history and in a tab strip.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

apps/web/src/App.tsx

@@ -17,6 +17,7 @@ import { SignIn } from '@/pages/SignIn';
 import { CreateProfile } from '@/pages/CreateProfile';
 import { PiggyMark } from '@/components/PiggyMark';
 import { EmptyState } from '@/components/ui';
+import { usePageTitle } from '@/lib/title';
 
 const queryClient = new QueryClient({
   defaultOptions: {
@@ -170,6 +171,7 @@ function Centered({ children }: { children: React.ReactNode }) {
 }
 
 function Placeholder({ title }: { title: string }) {
+  usePageTitle(title);
   return (
     <EmptyState
       title={title}
@@ -179,6 +181,7 @@ function Placeholder({ title }: { title: string }) {
 }
 
 function Team() {
+  usePageTitle('Team');
   const { data } = useQuery({
     queryKey: ['team'],
     queryFn: () =>