v3 : l'entrée — accueil avec le choix du groupe, logo « Clé de voûte », quatre ambiances, menu et pages d'outil par groupe

- Accueil : le titre, le leitmotiv en trois lignes (contexte et cadrage ·
  processus et modalités · boîte à outils), puis directement le choix du
  groupe ; sans session, la connexion à sa place. /groupes redirige vers /,
  « Mes groupes » et le retour après connexion mènent à /.
- Logo « Clé de voûte » du DA (signe en currentColor, clé en --cle, libre
  Literata italique, Decision romain), droit, dans le menu et la barre
  mobile ; Stamp retiré, le sceau 井 ne bouge pas. Favicon, icônes 16/32/48,
  apple-touch, 192/512, manifeste.
- Quatre ambiances : pierre et calcaire (claires), nuit et ardoise
  (sombres), --cle par ambiance ; quatre pastilles à la place du soleil /
  lune ; première visite selon l'appareil (pierre / nuit). Calcaire et
  ardoise : textes, accent, mousse et avertissement à 4,5:1 au moins.
- Page d'un groupe : les quatre piliers, puis « En cours ».
- Menu : nombre de docs en cours à côté de « Docs de référence », surligné
  seulement dedans, seul Docs réagit au survol ; les trois autres éteints
  mais ouvrent leur page ; hors d'un groupe, le dernier groupe ouvert.
- /g/[group]/docs « En cours » + « À venir » ; /mandats et /protocoles du
  groupe : « À venir » éteints ; /g/[group]/decisions : une ligne par doc,
  « N modules à voter », « dont N sans ton vote ». Anciennes adresses
  /decisions, /mandats, /protocoles : vers le groupe courant, sinon /.
- e2e : C1, C2, C11, C12, M1 mis à jour ; C13–C17 pour L1–L6 ; CONTROLES.md.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

web/src/routes/+layout.svelte

@@ -5,9 +5,10 @@
   import FeedbackDialog from '$lib/components/FeedbackDialog.svelte';
   import Icon from '$lib/components/Icon.svelte';
   import Seal from '$lib/components/Seal.svelte';
+  import Logo from '$lib/components/Logo.svelte';
   import Sidebar from '$lib/components/Sidebar.svelte';
-  import Stamp from '$lib/components/Stamp.svelte';
   import Toasts from '$lib/components/Toasts.svelte';
+  import { groups } from '$lib/groups.svelte';
   import { i18n, t } from '$lib/i18n/index.svelte';
   import { mood } from '$lib/mood.svelte';
   import { session } from '$lib/session.svelte';
@@ -19,6 +20,7 @@
   onMount(() => {
     i18n.init();
     mood.init();
+    groups.init();
     void session.load();
   });
 
@@ -39,7 +41,7 @@
   </aside>
 
   <header class="topbar">
-    <a class="brand" href="/"><Stamp size={2} /><span>libre<b>Decision</b></span></a>
+    <a class="brand" href="/"><Logo size={1.2} /></a>
     <button class="menu" type="button" aria-expanded={drawer} aria-controls="drawer" onclick={() => (drawer = true)}>
       <Icon name="menu" /><span class="visually-hidden">{t('nav.menu')}</span>
     </button>
@@ -151,13 +153,8 @@
     .brand {
       display: flex;
       align-items: center;
-      gap: 0.6rem;
-      color: var(--ink);
+      padding: 0.15rem 0.1rem;
       text-decoration: none;
-      font-size: 1.02rem;
-    }
-    .brand b {
-      font-weight: 800;
     }
     .menu {
       display: grid;