/* Carnet tendre : identité partagée (tracts, cartes, site) */
:root{
  --creme:#FBF3E4; --creme-2:#F5E8D0;
  --abricot:#F6B98A; --abricot-d:#E07A33; --abricot-dd:#B4531A;
  --rose:#F4C6C3; --rose-d:#D96F78; --rose-dd:#A8434F;
  --sauge:#BCCBA6; --sauge-d:#6E8A62; --sauge-dd:#3F5A3B;
  --encre:#3A2823; --encre-2:#6B5249;
  --serif:'Fraunces',Georgia,serif; --hand:'Caveat','Comic Sans MS',cursive; --sans:'Nunito',system-ui,sans-serif;
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .22 0 0 0 0 .15 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-print-color-adjust:exact;print-color-adjust:exact}
body{font-family:var(--sans);color:var(--encre);background:var(--creme)}
.grain{position:absolute;inset:0;background-image:var(--grain);opacity:.16;mix-blend-mode:multiply;pointer-events:none;z-index:50}
.soft{font-family:var(--serif);font-variation-settings:"SOFT" 100,"WONK" 1;font-style:italic;font-weight:800}
.hand{font-family:var(--hand);font-weight:700;line-height:1}
.blob{position:absolute;pointer-events:none}
.draw{display:inline-block}
.ico{width:1em;height:1em;flex:none}
.arrow{position:absolute;pointer-events:none}
/* polaroid : --p fixe l'échelle */
.polaroid{position:relative;width:11em;font-size:var(--p,16px);background:#fffdf8;padding:.55em .55em .6em;transform:rotate(var(--rot,-4deg));box-shadow:.14em .18em 0 rgba(80,45,25,.14);margin:0}
.polaroid img{display:block;width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(1.05)}
.polaroid figcaption{font-family:var(--hand);font-weight:700;font-size:1.45em;line-height:1;text-align:center;padding-top:.35em;color:var(--encre)}
.tape{position:absolute;top:-.9em;left:50%;width:4.4em;height:1.7em;margin-left:-2.2em;transform:rotate(3deg);background:rgba(246,185,138,.8);
 clip-path:polygon(0 0,4% 14%,0 28%,4% 42%,0 57%,4% 71%,0 86%,4% 100%,100% 100%,96% 86%,100% 71%,96% 57%,100% 42%,96% 28%,100% 14%,96% 0)}
@media print{.grain{opacity:.14}}