/* ---------- GENERAL ---------- */

:root {
  --noir: #111;
  --blanc: #fff;
  --fond: #f8f1e3;
  --bleu: #10559c;
  --orange: #ee7631;
  --jaune: #fdbf16;
  --gris: #d4d4d4;
}

html{
  scroll-behavior:smooth;
}

body{
  font-family:'Gilroy Bold',sans-serif;
  background:var(--fond);
  color:var(--blanc);
}
	
html, body {
  overflow-x: hidden;
}

a{
	text-decoration:none;
	color:inherit;
	}

*{
	box-sizing:border-box;
	margin:0;
	padding:0;
}	

.titre-section {
  font-family: 'Gilroy', sans-serif;
  font-weight: 700; /* Bold */
  font-size: 3rem; /* ajustable selon le visuel */
  line-height: 1.2;
  text-align: center;
  margin-bottom: 3rem;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 768px) {
	
  .controls button{
	  padding:0.8rem 1.2rem;
	}
}