/* Aube — vert sapin profond, serif posée, accent sable doré.
   Transposition du template « Bright Change » (One Page Love, démo Wix) :
   hero sombre, sections crème, bouton pilule sable. Pour les métiers du
   dehors et du vivant qui veulent une image calme et haut de gamme. */

:root {
  --police-titre: "Palatino Linotype", Palatino, Georgia, serif;
  --police-texte: "Segoe UI", system-ui, -apple-system, sans-serif;
  --taille-texte: 1.05rem;

  --couleur-fond: #F3F0E8;
  --couleur-fond-alt: #2B3A27;
  --couleur-fond-entete: rgba(36, 50, 33, .96);
  --couleur-fond-contact: #EAE6D9;
  --couleur-carte: #F3F0E8;
  --couleur-champ: #FFFFFF;

  --couleur-titre: #243321;
  --couleur-texte: #46503F;
  --couleur-texte-doux: #74806A;
  --couleur-accent: #A8742F;
  --couleur-sur-accent: #FFF8EA;
  --couleur-filet: #DCD6C5;

  --couleur-succes: #E2EDD9;
  --couleur-erreur: #F5E3DC;

  --rayon-image: 2px;
  --rayon-bouton: 999px;
  --rayon-carte: 0;
  --rayon-champ: 4px;

  --espace-hero: 6rem;
  --espace-section: 5rem;
  --espace-carte: 1.5rem;
}

/* Aube — en-tête et hero vert sapin, titres serif crème en graisse normale,
   sections claires séparées par des filets. La signature : le bouton pilule
   sable, hérité du rond « RSVP » de Bright Change. */

.entete .marque { color: #F3EDDC; }
.nav a { color: #D7DECB; }
.nav a:hover { color: #E8B57B; }
.entete .btn-principal { background: #E8B57B; color: #22301F; }
.entete .btn-principal:hover { background: #F0C48D; }

.hero { background: #2B3A27; }
.hero .surtitre { color: #E8B57B; }
.hero h1 {
  color: #F6F1E1;
  font-weight: 400;
  letter-spacing: 0;
  font-size: clamp(2rem, 7vw, 3.4rem);
}
.hero .chapo { color: #C3CDB6; }
.hero .btn-principal { background: #E8B57B; color: #22301F; }
.hero .btn-principal:hover { background: #F0C48D; }
.hero .btn-discret { border-color: #5A6A51; color: #E9E9DC; }
.hero .btn-discret:hover { border-color: #E8B57B; color: #E8B57B; }

.section-tete h2 { font-weight: 400; font-size: clamp(1.8rem, 3.5vw, 2.5rem); }

/* La bande « à propos » reprend le vert du hero : la page respire
   sombre – clair – sombre, comme le modèle d'origine. */
.section-alt { color: #D9DFCE; }
.section-alt h2, .section-alt h3 { color: #F6F1E1; }
.section-alt .surtitre { color: #E8B57B; }
.section-alt .apropos-texte { color: #C3CDB6; }
.section-alt figcaption { color: #9BA78D; }

.prestation {
  background: none;
  border: none;
  border-top: 1px solid var(--couleur-filet);
  border-radius: 0;
  padding: 1.3rem 0 .3rem;
}
.prestation h3 { font-family: var(--police-titre); font-weight: 400; font-size: 1.3rem; }
.grille-prestations { gap: .6rem 2.6rem; }

.btn-principal:hover { background: #8E5F22; }

.pied { background: #243321; border-top: none; color: #A9B49A; }
.pied a { color: #CBB98A; }

/* Photos : cadrage vertical serré, posé à droite du hero sombre.
   La colonne double ne s'applique qu'au-dessus du point de rupture mobile :
   en dessous, c'est la règle une-colonne du modèle qui doit gagner. */
@media (min-width: 48.01rem) {
  .hero-illustre .hero-inner { grid-template-columns: 1.05fr 1fr; }
}
.hero-image img { aspect-ratio: 4 / 5; }
.galerie { grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); }
.galerie-item img { aspect-ratio: 3 / 2; }
.apropos-image img { aspect-ratio: 4 / 5; }