From e25df4cff4811952ff72409cbad320134d2936a8 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 10 Sep 2026 13:59:51 +0000
Subject: [PATCH] =?UTF-8?q?Encadre=20les=20r=C3=A9unions=20en=20rouge=20su?=
 =?UTF-8?q?r=20les=20pages=20publiques?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Une réunion se distinguait des manifestations par un simple badge, au
milieu de trois cartes identiques. Elle porte maintenant le rouge de la
maison sur ses trois repères — le cadre, le filet supérieur et le badge —
et devient le seul objet encadré de l'agenda, donc celui que l'œil trouve
en premier.

L'anneau de focus suit la même teinte : un halo bleu autour d'un cadre
rouge se remarque mal au clavier.

Le filet vertical des lignes d'agenda de la page Rejoindre passe au rouge
lui aussi, pour que le repère soit le même partout où une réunion côtoie
une manifestation.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014SfQYBU4xXTeSEHKhHQXdD
---
 src/app/page.tsx           | 25 +++++++++++++++++++++----
 src/app/rejoindre/page.tsx |  9 +++++++--
 2 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 643d224..3a3ba1a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -232,12 +232,29 @@ export default async function HomePage() {
                     <Link
                       key={event.id}
                       href={`/inscription/${event.shareToken}`}
-                      className="group rounded-2xl focus:outline-none focus-visible:ring-4 focus-visible:ring-brand-300"
+                      className={`group rounded-2xl focus:outline-none focus-visible:ring-4 ${
+                        event.kind === "meeting"
+                          ? "focus-visible:ring-coral-300"
+                          : "focus-visible:ring-brand-300"
+                      }`}
                     >
-                      <article className="flex h-full flex-col overflow-hidden rounded-2xl border-2 border-slate-200 bg-white transition-colors group-hover:border-brand-600">
+                      {/* Une réunion porte le rouge de la maison : cadre,
+                          filet et badge. C'est le seul objet encadré de
+                          l'agenda, donc celui que l'œil trouve en premier. */}
+                      <article
+                        className={`flex h-full flex-col overflow-hidden rounded-2xl border-2 bg-white transition-colors ${
+                          event.kind === "meeting"
+                            ? "border-coral-600 group-hover:border-coral-700"
+                            : "border-slate-200 group-hover:border-brand-600"
+                        }`}
+                      >
                         <div
                           className={`h-2 ${
-                            index % 2 === 0 ? "bg-brand-700" : "bg-sea-500"
+                            event.kind === "meeting"
+                              ? "bg-coral-600"
+                              : index % 2 === 0
+                                ? "bg-brand-700"
+                                : "bg-sea-500"
                           }`}
                         />
                         <div className="flex flex-1 flex-col p-6">
@@ -251,7 +268,7 @@ export default async function HomePage() {
                                   personne ne doit partir payer depuis l'accueil
                                   sans avoir lu la date ni le lieu. */}
                               {event.kind === "meeting" && (
-                                <span className="inline-flex items-center gap-1.5 rounded-lg bg-brand-950 px-2.5 py-1.5 text-xs font-extrabold text-white">
+                                <span className="inline-flex items-center gap-1.5 rounded-lg bg-coral-600 px-2.5 py-1.5 text-xs font-extrabold text-white">
                                   <Users className="h-3.5 w-3.5" />
                                   Réunion
                                 </span>
diff --git a/src/app/rejoindre/page.tsx b/src/app/rejoindre/page.tsx
index abc406a..fb21964 100644
--- a/src/app/rejoindre/page.tsx
+++ b/src/app/rejoindre/page.tsx
@@ -195,7 +195,12 @@ export default async function RejoindrePage() {
       (somme, slot) => somme + Math.max(0, slot.capacity - slot.signups.length),
       0,
     ),
-    filet: index % 2 === 0 ? "bg-brand-700" : "bg-sea-500",
+    filet:
+      event.kind === "meeting"
+        ? "bg-coral-600"
+        : index % 2 === 0
+          ? "bg-brand-700"
+          : "bg-sea-500",
   }));
   const prochain = events[0]
     ? {
@@ -499,7 +504,7 @@ export default async function RejoindrePage() {
                             )}
                             <div className="flex w-full items-center gap-3 sm:ml-auto sm:w-auto">
                               {event.reunion && (
-                                <span className="inline-flex items-center gap-1.5 rounded-lg bg-brand-950 px-2.5 py-1.5 text-xs font-extrabold text-white">
+                                <span className="inline-flex items-center gap-1.5 rounded-lg bg-coral-600 px-2.5 py-1.5 text-xs font-extrabold text-white">
                                   <Users className="h-3.5 w-3.5" />
                                   Réunion
                                 </span>