/* Ambiance « Carnet » : blanc, touches manuscrites (surtitres, soulignés tracés
   à la main) et couleurs chaudes. Humain et détendu, sans reprendre la police
   de titres d'Odoo. */:root:root {
  --encre: #1f2328; --encre-douce: #555b63; --gris: #7c828a; --trait: #eceae6;
  --fond: #ffffff; --sable: #f6f4f1; --vert: #1f7a68; --vert-fonce: #185f51; --vert-pale: #e3f2ee;
  --corail: #e07a5f; --rayon: 10px;
}html body h1, html body h2 { font-weight: 700; letter-spacing: -0.02em; }html body .surtitre { font-family: 'Kalam', cursive; text-transform: none; letter-spacing: 0; font-size: 1.35rem; font-weight: 400; color: var(--corail); transform: rotate(-2deg); display: inline-block; }html body .surligne {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 20' preserveAspectRatio='none'%3E%3Cpath d='M3 14 C 60 4, 120 18, 180 9 S 270 6, 297 11' fill='none' stroke='%23e07a5f' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") 0 100% / 100% 0.32em no-repeat;
  padding-bottom: 0.12em;
}html body .bouton { border-radius: 6px; font-weight: 600; }html body .bouton--contour { background: var(--sable); color: var(--encre); }html body .carte { border-radius: var(--rayon); border-color: var(--trait); box-shadow: none; }html body .section--sable, html body .section--nuit, html body .section--courbe { background: var(--sable); }html body .tuile__icone { border-radius: 14px; }html body .tuile:nth-child(3n+1) .tuile__icone { transform: rotate(-3deg); }html body .tuile:nth-child(3n+2) .tuile__icone { transform: rotate(2deg); }html body .reponse { border-left-color: var(--corail); background: #fff8f5; }html body .appel { background: #fff4ef; }html body .appel h2::after { content: ''; display: block; width: 120px; height: 12px; margin: 0.4rem auto 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12'%3E%3Cpath d='M2 8 Q 30 1, 60 7 T 118 5' fill='none' stroke='%231f7a68' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat; }html body .pied { background: #23272c; }
html body .annotation { font-family: 'Kalam', cursive; font-style: normal; font-size: 1.4rem; color: var(--corail); transform: rotate(-3deg); display: inline-block; margin-left: 14rem; }
@media (max-width: 640px) { html body .annotation { margin-left: 0; } }
html body .section--sable .bouton--contour, html body .section--nuit .bouton--contour { background: #fff; }
html body .entete .bouton--principal { background: var(--encre); } html body .surtitre { color: var(--violet, #6d5bd0); } html body .appel { background: #eef3fb; } html body .reponse { border-left-color: var(--violet, #6d5bd0); }