/* Bêta Friends & Family v0.1 — homogénéité du parcours (23/10/2026, Laurent).
   Chargée uniquement par entree-essai.html, après les autres feuilles : l'interview d'essai reprend les choix de
   l'accueil d'essai (accueil-carte-essai.html). L'interview officielle (/entree) n'est pas touchée.
   - Logo : le nœud (logo-noeud.svg, DESIGN.md §11), comme l'en-tête, le pied et le chargement de l'accueil.
   - Citron retiré : les appels à l'action en nuance de blanc filetée d'encre (choix de Laurent du 20/10 sur l'accueil),
     les filets et surlignages en pervenche, seul accent coloré ; le micro, action principale, en encre pleine. */

:root { --cta: var(--white); --fluo: var(--accent); --lime: var(--accent); --yellow: var(--accent); }

/* le logo au nœud dans l'en-tête : la hauteur des lettres ne bouge pas (bloc élargi de 2192/1757) */
/* mêmes tailles que l'en-tête de l'accueil d'essai : 250 px sur ordinateur, 192 px au plus sur téléphone */
/* 02/11/2026 : la taille du logo vient de declic-system.css (recette du bas de page, 250 px). */

/* les boutons qui étaient citron : blanc cassé, filet d'encre */
.declic .tb.save, .declic .tb.save.pulse, .declic #dock .dockcard > #saveBtn, .vx #dock .dockcard > #saveBtn.pulse,
.declic .write-box > button, .declic .btn.fluo { background: var(--white); color: var(--ink); border: 1px solid var(--ink); }
.declic .write-box > button:hover, .declic .btn.fluo:hover, .declic #dock .dockcard > #saveBtn:hover { background: var(--accent); }

/* le micro : encre pleine, comme le bouton « Prendre la parole » et le module de l'accueil ; pervenche quand il écoute */
.declic #mic, .vx #mic { background: var(--ink); border-color: var(--ink); color: var(--bg); }
.declic #mic.live, .vx #mic.live { background: var(--accent); border-color: var(--ink); color: var(--ink); }

/* la marque de la conversation : le nœud au lieu des quatre points */
.declic .aime-avatar { background: var(--white) url('../declic-landing/img/noeud.svg') center / 20px no-repeat; }
.declic .aime-avatar i { visibility: hidden; }
.declic .is-listening .aime-avatar { animation: v01Listen 1.6s ease-in-out infinite; }
@keyframes v01Listen { 50% { box-shadow: 0 0 0 4px var(--accent); } }
@media (prefers-reduced-motion: reduce) { .declic .is-listening .aime-avatar { animation: none; } }

/* la présentation en cinq temps : le logo au nœud en tête */
.ie .fil-intro__head .ie-logo { display: inline-block; height: 20px; width: auto; margin-right: 12px; vertical-align: -5px; }