style(web): Modul-Kacheln einfarbig, Akzent nur fuer das Modul im Fokus

Statt bunter Modulfarben neutrale graue Kacheln; gelb (persoenliche
Akzentfarbe) nur fuer den gewaehlten Eintrag der Seitenleiste und den
Seitenkopf des Moduls. Schrift auf Akzentflaechen wird jetzt je nach
Akzentfarbe hell oder dunkel gewaehlt (readableOnAccent). Anmelde-
Mosaik und Dashboard-Hintergruende nur noch in Gelb, Grau, Graphit;
Salbei ersetzt durch Kiesel.

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

apps/web/src/components/layout/page-header.tsx

@@ -20,7 +20,7 @@ export function PageHeader({ title, description, actions, moduleSlug, className
   return (
     <div className={`flex flex-wrap items-start justify-between gap-x-6 gap-y-3 ${className}`}>
       <div className="flex min-w-0 items-center gap-3">
-        {moduleSlug && <ModuleTile slug={moduleSlug} size={36} />}
+        {moduleSlug && <ModuleTile slug={moduleSlug} size={36} tone="accent" />}
         <div className="min-w-0">
           <h1 className="text-2xl font-semibold text-foreground">{title}</h1>
           {description && <p className="mt-0.5 text-sm text-muted-foreground">{description}</p>}

apps/web/src/components/layout/sidebar.tsx

@@ -170,7 +170,7 @@ export function Sidebar() {
                 <li key={mod.id}>
                   <Link href={href} className={itemClass(active)} aria-label={mod.name} title={mod.name}>
                     {active && <SelectionPill />}
-                    <ModuleTile slug={mod.slug} size={20} />
+                    <ModuleTile slug={mod.slug} size={20} tone={active ? 'accent' : 'neutral'} />
                   </Link>
                 </li>
               );
@@ -220,7 +220,7 @@ export function Sidebar() {
                                 <li key={mod.id}>
                                   <Link href={href} className={itemClass(active)}>
                                     {active && <SelectionPill />}
-                                    <ModuleTile slug={mod.slug} size={20} />
+                                    <ModuleTile slug={mod.slug} size={20} tone={active ? 'accent' : 'neutral'} />
                                     <span className="truncate">{mod.name}</span>
                                   </Link>
                                 </li>