/* =========================================================
   Thème sombre « nature sombre et sensuelle »
   Chargé après styles.css. Pour revenir au thème clair,
   supprimez la ligne <link ... theme-dark.css> des pages.
   ========================================================= */
:root {
  --cream: #011611;        /* fond principal : vert presque noir (fond du logo foncé) */
  --emerald: #E2C9A6;      /* titres, liens, boutons : khaki chaud */
  --noir: #E3D7C6;         /* texte courant clair */
  --earth-text: #D88A56;   /* Egyptian Earth, lisible sur fond sombre */
  --line: rgba(240, 215, 184, .14);
  --forest: #062A20;       /* sous-bois : sections alternées */
  --night: #000D0A;        /* bandes les plus sombres */
  --true-emerald: #044131;
}

body {
  background:
    radial-gradient(1200px 600px at 85% 10%, rgba(4, 65, 49, .35), transparent 70%),
    var(--cream);
}
p, li { color: var(--noir); }
.lead, .page-hero p { color: #CFC2AE; }

/* Boutons */
.btn:hover, .btn--light:hover {
  background: var(--wasabi); border-color: var(--wasabi); color: var(--cream);
}
.btn--ghost { border-color: var(--emerald); }

/* En-tête */
.site-header { background: color-mix(in srgb, var(--cream) 92%, transparent); }
.lang-menu a:hover { color: var(--khaki); }

/* Héros : garder la vraie teinte émeraude */
.hero::before {
  background:
    radial-gradient(circle at 68% 45%, rgba(216,138,86,.6) 0%, rgba(216,138,86,.18) 22%, transparent 45%),
    linear-gradient(200deg, var(--true-emerald), #011611);
}

/* Sections */
.page-hero {
  background:
    radial-gradient(900px 400px at 50% 0%, rgba(216, 138, 86, .10), transparent 70%),
    var(--forest);
}
.section--tint {
  background:
    radial-gradient(800px 500px at 10% 100%, rgba(159, 166, 126, .10), transparent 70%),
    var(--forest);
}
.section--dark { background: var(--night); }
.section--emerald {
  background:
    radial-gradient(700px 400px at 50% 120%, rgba(216, 138, 86, .22), transparent 70%),
    var(--true-emerald);
}
.section--emerald h2 { color: var(--khaki); }
.section--emerald p { color: #E3D7C6; }

/* Cartes et encadrés */
.card, .massage__price, .boundaries > div, .embed-consent {
  background: rgba(1, 22, 17, .65);
  border-color: rgba(240, 215, 184, .16);
}
.card:hover { border-color: rgba(216, 138, 86, .5); }
.notice { background: rgba(216, 138, 86, .10); }
.placeholder { color: #1E1A1B; }

/* Photos un peu plus sombres et chaudes, pour l'ambiance */
.split__media img, .gallery img {
  filter: brightness(.82) saturate(.85) contrast(1.05) sepia(.08);
}

/* Pied de page */
.site-footer { background: var(--night); border-top: 1px solid var(--line); }

/* Photo noir et blanc teintée aux couleurs de la marque (émeraude + lueur terre) */
.split__media--tint { position: relative; }
.split__media--tint img { object-position: 45% center; filter: brightness(.9) contrast(1.08); }
.split__media--tint::after {
  content: ""; position: absolute; inset: 0; border-radius: var(--radius); pointer-events: none;
  background:
    radial-gradient(circle at 40% 30%, rgba(216,138,86,.55), transparent 60%),
    linear-gradient(180deg, var(--true-emerald), #011611);
  mix-blend-mode: color; opacity: .7;
}

/* Bannières photo des pages intérieures */
.page-hero--image {
  position: relative; isolation: isolate; overflow: hidden;
  min-height: min(58vh, 560px); display: grid; align-items: end;
  padding: 140px 0 56px; border-bottom: 0;
}
.page-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; object-position: center 70%; }
.page-hero--image::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background:
    radial-gradient(800px 380px at 50% 100%, rgba(216,138,86,.18), transparent 70%),
    linear-gradient(180deg, rgba(1,22,17,.55) 0%, rgba(1,22,17,.72) 55%, rgba(1,22,17,.95) 100%);
}
.page-hero--image .page-hero__img { filter: saturate(.7) brightness(.85) sepia(.12); }
.page-hero--image h1 { color: var(--khaki); }
.page-hero--image p { color: #E3D7C6; }
.page-hero--image .eyebrow { color: var(--earth); }
/* Version fine (FAQ) : un simple bandeau d’ambiance */
.page-hero--slim { min-height: min(36vh, 340px); padding: 110px 0 40px; }
.page-hero--slim .page-hero__img { object-position: center 18%; }
@media (max-width: 600px) {
  .page-hero--image { min-height: 46vh; padding: 110px 0 40px; }
  .page-hero--slim { min-height: 30vh; padding: 96px 0 32px; }
}

/* Textes clairs sur les zones sombres (corrige les éléments qui utilisaient l'ancienne couleur crème) */
.hero, .hero h1 { color: #F8EDE1; }
.site-footer a:hover { color: #F8EDE1; }
.split__media--tint img { object-position: center 60%; filter: brightness(.88) contrast(1.06) saturate(.8); }
.split__media--tint::after {
  background:
    radial-gradient(circle at 55% 65%, rgba(216,138,86,.45), transparent 55%),
    linear-gradient(180deg, var(--true-emerald) 0%, #011611 100%);
  mix-blend-mode: soft-light; opacity: .9;
}