Refonte de la direction artistique : accent terracotta, landing, app et démo

- Landing refaite : nouvelle palette claire, Newsreader et DM Sans, logo validé,
  sections (garanties, trois gestes, démo, pour qui, engagements, guides, bloc final).
  Illustration du hero conservée et recolorée, portraits alignés sur les âges.
- App : couleurs et typographie passées à la nouvelle DA, structure et fonctionnalités inchangées.
  Composants communs dans src/styles/pz.css.
- Refaits de zéro : fiche d'une personne (souvenirs, infos, liens, panneau mobile),
  connexion, création de compte, liste des arbres, accès par mot de passe, recherche,
  barre d'actions, menu du compte, zoom, et toutes les fenêtres (compte, création d'arbre,
  contributions, envoi, sortie d'édition, brouillon, ajout de personne, souvenirs, visionneuse,
  paramètres de l'arbre).
- Arbre : chaque personne garde sa forme de cadre tirée au hasard, cadre vertical pour une photo carrée.
- Démo : photos d'époque libres de droits hébergées dans public/demo (sources et licences
  dans sources.json et CREDITS.md), famille Dupont crédible, Isabelle née à Fort-de-France.

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

frontend/src/components/annotations/TextOptions.css

@@ -13,7 +13,7 @@
 .text-options__label {
   font-size: 14px;
   font-weight: 450;
-  color: #8B7355;
+  color: #6B645D;
   text-transform: uppercase;
   letter-spacing: 0.5px;
 }
@@ -38,8 +38,8 @@
 }
 
 .text-options__color-btn--active {
-  border-color: #5D524B;
-  box-shadow: 0 0 0 2px rgba(93, 82, 75, 0.2);
+  border-color: #2A2622;
+  box-shadow: 0 0 0 2px rgba(42, 38, 34, 0.2);
 }
 
 .text-options__sizes {
@@ -51,9 +51,9 @@
   flex: 1;
   padding: 6px 4px;
   border-radius: 8px;
-  border: 1.5px solid rgba(166, 124, 82, 0.2);
+  border: 1.5px solid rgba(147, 64, 42, 0.2);
   background: transparent;
-  color: #5D524B;
+  color: #2A2622;
   font-size: 14px;
   font-weight: 450;
   cursor: pointer;
@@ -61,13 +61,13 @@
 }
 
 .text-options__size-btn:hover {
-  background: rgba(166, 124, 82, 0.08);
+  background: rgba(147, 64, 42, 0.08);
 }
 
 .text-options__size-btn--active {
-  border-color: #A67C52;
-  background: rgba(166, 124, 82, 0.1);
-  color: #A67C52;
+  border-color: #93402A;
+  background: rgba(147, 64, 42, 0.1);
+  color: #93402A;
 }
 
 /* Toggle switch */
@@ -90,12 +90,12 @@
   width: 36px;
   height: 20px;
   border-radius: 999px;
-  background: rgba(166, 124, 82, 0.2);
+  background: rgba(147, 64, 42, 0.2);
   transition: background 0.2s ease;
 }
 
 .text-options__toggle input:checked + .text-options__toggle-track {
-  background: #A67C52;
+  background: #93402A;
 }
 
 .text-options__toggle-thumb {
@@ -106,7 +106,7 @@
   height: 16px;
   border-radius: 50%;
   background: white;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 1px 3px rgba(42, 38, 34, 0.15);
   transition: transform 0.2s ease;
 }
 
@@ -117,5 +117,5 @@
 .text-options__toggle-label {
   font-size: 14px;
   font-weight: 500;
-  color: #5D524B;
+  color: #2A2622;
 }