/* ═══════════════════════════════════════════════════════════════════════ Welcome RDV — tunnel de pré-inscription pro (chantier 11) Jetons repris TELS QUELS de welcome-rdv-child/assets/pros-v2.css (relevé ligne à ligne sur la 2.10.80) : c'est la même maison. La carte de l'écran 3 reprend .res-carte de assets/resultats.css, pour que la pro reconnaisse la page qu'elle aura sur /zone/. Page à thème UNIQUE, volontairement : le tunnel est une page « papier » claire en production. Tout est peint explicitement, rien n'hérite. ═══════════════════════════════════════════════════════════════════════ */ :root{ --wp-noir:#131009; --wp-champagne:#C9A876; --wp-champ-clair:#E8D5B5; --wp-papier:#FAF8F4; --wp-creux:#F1EEE7; --wp-encre:#17150F; --wp-encre2:#4E4A3F; --wp-gris:#8A8578; --wp-filet:#E0DCD1; --wp-filet2:#C6C0B1; --wp-brun:#8A6A45; --wp-lin:#F6F2E9; --wp-ambre:#B0782A; --wp-ambre-fond:#F6E8D2; --wp-vert:#4C7A4C; --wp-rouge:#9B3B2E; --wp-rouge-fond:#F7E4E0; /* Une seule courbe pour tout ce qui bouge : c'est elle qui fait que les éléments semblent d'une même main. */ --wp-mvt:cubic-bezier(.22,1,.36,1); } html.wp-tunnel,body.wp-tunnel{margin:0;padding:0} body.wp-tunnel{ background:var(--wp-papier); color:var(--wp-encre); font:300 16px/1.6 "Archivo",system-ui,-apple-system,sans-serif; -webkit-font-smoothing:antialiased; display:block; min-height:100vh; min-height:100dvh; } /* Le titre de l'écran 2 est un h2 de 27 px : sans cette marge, les bulles du rappel remontent dans ses jambages. Vécu à la première capture. */ body.wp-tunnel *{box-sizing:border-box} /* ⚠️ Ne PAS remettre font-weight ici : `.wp-tunnel h2` (0,1,1) bat `.wp-titre` (0,1,0) et écrase silencieusement la graisse du titre. C'est le même piège de spécificité que le bouton noir sur noir du 11/09. Les seuls titres du tunnel portent une classe qui fixe leur graisse : `.wp-titre` (700) et `.wp-carte-nom` (500). */ .wp-tunnel h1,.wp-tunnel h2,.wp-tunnel h3{margin:0;text-wrap:balance} .wp-tunnel button{font-family:inherit;cursor:pointer} .wp-tunnel input,.wp-tunnel select{font-family:inherit} /* `color:inherit` ne doit PAS atteindre les boutons : `.wp-tunnel a` a une spécificité de (0,1,1) et bat `.wp-btn-noir` (0,1,0). Tout bouton qui est un héritait donc de --wp-encre sur un fond --wp-noir : contraste 1,03:1, texte invisible. Deux boutons touchés, et les deux qui comptent — « Téléchargez l'application » de l'écran 3, et « App Store » sur /app. Les