/* ═══════════════════════════════════════════════════════════
   MAQUETTE — Police « Artisan » (12/11/2026)
   Plus Jakarta Sans (titres + texte) + Caveat (mot mis en avant, manuscrit)
   Polices hébergées sur le serveur : plus rien chargé chez Google.
   ═══════════════════════════════════════════════════════════ */
@font-face{font-family:'Plus Jakarta Sans';src:url(fonts/jakarta.woff2) format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'Caveat';src:url(fonts/caveat.woff2) format('woff2');font-weight:400 700;font-style:normal;font-display:swap}

/* Thème clair imposé : sans ça, un navigateur ou une appli en mode sombre
   affiche le texte en blanc sur les fonds clairs (texte invisible) */
:root{color-scheme:light only}
html{color:#111827;background:#fff}
:root{
  --font-title:'Plus Jakarta Sans',system-ui,sans-serif;
  --font-text:'Plus Jakarta Sans',system-ui,sans-serif;
  --font-main:'Caveat',cursive;
}
html body{font-family:var(--font-text)!important}
body input,body textarea,body select,body button{font-family:inherit}

/* Titres : plus serrés, en minuscules (plus chaleureux que tout en majuscules) */
h1,h2{letter-spacing:-.035em!important;text-transform:none!important;font-weight:800!important}
h3{letter-spacing:-.02em}
.sc-title,.ct-title{letter-spacing:-.035em!important;text-transform:none!important}

/* Le mot mis en avant en couleur → écrit à la main */
h1 [class*="text-teal-"],h2 [class*="text-teal-"],h1 [class*="text-orange-"],h2 [class*="text-orange-"],
.sc-title span,.ct-title span{
  font-family:var(--font-main)!important;font-weight:700!important;font-style:normal!important;
  font-size:1.3em;line-height:.8;letter-spacing:0!important;text-transform:none!important;
  display:inline-block;transform:rotate(-3deg);padding:0 .06em;
}
/* titre secondaire en couleur au-dessus du grand titre : reste un petit sur-titre en capitales */
h2.text-teal-500,h2.text-orange-500{text-transform:uppercase!important;letter-spacing:.14em!important;font-weight:700!important}
/* petits sur-titres (« Nos références », etc.) : sobres */
.sc-eyebrow,h3.uppercase{letter-spacing:.12em!important}

/* mot manuscrit en dégradé (« projet. ») : on agrandit la zone peinte pour ne pas couper les jambages du p et du j */
.ct-title span{padding:.05em .12em .22em .06em!important;margin:0 -.12em -.22em -.06em!important;line-height:1!important}