/* Cabinet Tammaia : fond des sections (2026-10-02, « ça fait trop IA », « dans le background
   uniquement des ronds comme sur le site Tigmi »). Écrit à la main ; deco.ps1 ne sert plus.
   Recette de Tigmi : un grand rond très pâle coupé dans un coin et un petit sur le bord opposé,
   en dégradé à bord net (pur CSS).

   2026-10-12 (« rajoute un rond », « ça manque de variation », « t'as mis background orange et
   le rond orange, essaye de créer des variations entre le rond, le background ») :
   - fonds alternés blanc / olive pâle / blanc / abricot pâle (tm_fond()), l'ivoire aux bannières ;
   - un rond prend toujours la teinte opposée à son fond ou à la section qu'il touche : sur une
     section blanche, le rond du haut reprend la teinte opposée à la section du dessus, celui du
     bas la teinte opposée à la section du dessous ; une section olive porte un rond abricot, une
     section abricot un rond olive, coupés sur le bord, à mi-hauteur, dans la marge ;
   - bannières : grand rond abricot derrière la photo en haut à droite, rond olive en bas à gauche.
   Rien dans le pied de page. */

/* calques : inchangés, pour que rien ne bouge dans la mise en page */
.tm-sec,.tm-banniere,.tm-titre-page,.tm-pied{position:relative;overflow:clip}
.tm-sec>.tm-in,.tm-banniere>.tm-in,.tm-titre-page>.tm-in,.tm-pied__corps,.tm-pied__bas{position:relative;z-index:1}

/* teintes des ronds : un cran plus soutenues que les fonds, pour qu'ils se voient */
.tm-fond-blanc{--rond-vert:#ECF1DF;--rond-chaud:#F4E7D7}
.tm-fond-ivoire{--rond-vert:#ECF1DF;--rond-chaud:#F4E7D7}
.tm-fond-sauge{--rond-vert:#E8EEDA;--rond-chaud:#F4E7D7}
.tm-fond-abricot{--rond-vert:#ECF1DF;--rond-chaud:#F1E2CF}

/* sections blanches qui suivent la bannière ou une section abricot, et précèdent une olive :
   rond olive en haut à droite, petit rond abricot en bas à gauche */
.tm-main>section.tm-sec:not(.tm-sec--court):nth-of-type(4n+2){
	background-image:
		radial-gradient(circle 300px at right -90px top -110px,var(--rond-vert) 99.4%,transparent 100%),
		radial-gradient(circle 130px at left 6% bottom -70px,var(--rond-chaud) 99%,transparent 100%);
	background-repeat:no-repeat;
}
/* sections blanches entre une olive (dessus) et une abricot (dessous) :
   petit rond abricot en haut à droite, grand rond olive en bas à gauche */
.tm-main>section.tm-sec:not(.tm-sec--court):nth-of-type(4n){
	background-image:
		radial-gradient(circle 120px at right 7% top -54px,var(--rond-chaud) 99%,transparent 100%),
		radial-gradient(circle 320px at left -120px bottom -140px,var(--rond-vert) 99.4%,transparent 100%);
	background-repeat:no-repeat;
}
/* sections olive : un rond abricot coupé sur le bord droit, à mi-hauteur */
.tm-main>section.tm-sec.tm-fond-sauge:not(.tm-sec--court){
	background-image:radial-gradient(circle 260px at right -180px top 46%,var(--rond-chaud) 99.4%,transparent 100%);
	background-repeat:no-repeat;
}
/* sections abricot : un rond olive coupé sur le bord gauche, à mi-hauteur */
.tm-main>section.tm-sec.tm-fond-abricot:not(.tm-sec--court){
	background-image:radial-gradient(circle 260px at left -180px top 46%,var(--rond-vert) 99.4%,transparent 100%);
	background-repeat:no-repeat;
}

/* bannières (accueil, pages, carte cadeau) : grand rond abricot qui dépasse derrière la photo en
   haut à droite, rond olive coupé dans le coin bas gauche */
.tm-banniere.tm-fond-ivoire{
	background-image:
		radial-gradient(circle 420px at right -70px top -150px,var(--rond-chaud) 99.6%,transparent 100%),
		radial-gradient(circle 250px at left -120px bottom -130px,var(--rond-vert) 99.4%,transparent 100%);
	background-repeat:no-repeat;
}

/* téléphone : les mêmes ronds, plus petits, toujours dans les marges */
@media (max-width:760px){
	.tm-main>section.tm-sec:not(.tm-sec--court):nth-of-type(4n+2){
		background-image:
			radial-gradient(circle 170px at right -70px top -80px,var(--rond-vert) 99.2%,transparent 100%),
			radial-gradient(circle 80px at left 6% bottom -46px,var(--rond-chaud) 99%,transparent 100%);
	}
	.tm-main>section.tm-sec:not(.tm-sec--court):nth-of-type(4n){
		background-image:
			radial-gradient(circle 70px at right 7% top -34px,var(--rond-chaud) 99%,transparent 100%),
			radial-gradient(circle 180px at left -80px bottom -90px,var(--rond-vert) 99.2%,transparent 100%);
	}
	.tm-main>section.tm-sec.tm-fond-sauge:not(.tm-sec--court){
		background-image:radial-gradient(circle 120px at right -100px top 40%,var(--rond-chaud) 99%,transparent 100%);
	}
	.tm-main>section.tm-sec.tm-fond-abricot:not(.tm-sec--court){
		background-image:radial-gradient(circle 120px at left -100px top 40%,var(--rond-vert) 99%,transparent 100%);
	}
	.tm-banniere.tm-fond-ivoire{
		background-image:
			radial-gradient(circle 210px at right -70px top -90px,var(--rond-chaud) 99.3%,transparent 100%),
			radial-gradient(circle 120px at left -60px bottom -60px,var(--rond-vert) 99%,transparent 100%);
	}
}