/* ============================================================
   SURCOUCHE ORGANIQUE : la matiere papier et les gestes doux.
   Cible les classes neutres des blocs (un seul pack charge).
   ============================================================ */

/* Halo chaleureux au hero, comme un matin d'ete */
.bloc-hero {
  background:
    radial-gradient(56rem 30rem at 82% -14%, rgb(202 148 96 / 0.14), transparent 68%),
    var(--surface);
}

/* Le mot accentue du titre en italique terre */
.hero-title em {
  font-style: italic;
  color: var(--accent);
}

/* Preuves : petite feuille dessinee en CSS */
.hero-proof li::before {
  content: '';
  width: 0.95em; height: 0.95em; flex: none;
  background-color: var(--accent);
  -webkit-mask: center / contain no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13 2C7 2 3 6 3 11c0 1.5.4 2.6 1 3.4C5.6 9.5 9 6.5 12 5.5c-2.6 1.8-5.4 4.8-6.6 8.9.7.4 1.6.6 2.6.6 5 0 8-4.5 8-9.5C16 4 15 2 13 2z'/%3E%3C/svg%3E");
          mask: center / contain no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13 2C7 2 3 6 3 11c0 1.5.4 2.6 1 3.4C5.6 9.5 9 6.5 12 5.5c-2.6 1.8-5.4 4.8-6.6 8.9.7.4 1.6.6 2.6.6 5 0 8-4.5 8-9.5C16 4 15 2 13 2z'/%3E%3C/svg%3E");
}

/* Cartes d'avis : guillemet terre, papier creme */
.avis-texte::before { color: color-mix(in srgb, var(--accent) 35%, transparent); }

/* Boutons : montee douce */
@media (prefers-reduced-motion: no-preference) {
  .btn-primary { transition: transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out); }
  .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 20px -10px var(--accent); }
}