/* ═══════════════════════════════════════════════════════════════════
   THEME ÉMERAUDE v2 — Fond émeraude, accents OR conservés
   ──────────────────────────────────────────────────────────────────
   • Tous les fonds sombres → vert émeraude profond
   • Titre "Dame en Soi" et accents OR conservés (palette d'origine)
   • Bouton primaire : émeraude clair + bordure or
   • Bouton secondaire (ghost) : bordure or sur émeraude

   POUR REVENIR AU DORÉ CLASSIQUE :
   Supprimer le bloc THEME ÉMERAUDE dans includes/header.php.
   ═══════════════════════════════════════════════════════════════════ */

/* ─── Fonds sombres → émeraude profond ─── */
.hero,
#maison,
.footer,
.page-section--dark,
.page-header,
.crea-hero,
.crea-cta {
  background: #064E3B !important;
}

/* Glow décoratif du hero — adapté à l'émeraude */
.hero::before {
  background:
    radial-gradient(ellipse at 30% 40%, rgba(212,168,67,0.14) 0%, transparent 60%),
    radial-gradient(ellipse at 70% 60%, rgba(255,255,255,0.05) 0%, transparent 60%) !important;
}

/* ─── Bouton primaire : OR par défaut, émeraude au hover ─── */
.btn-primary {
  background: var(--gold) !important;
  color: var(--noir) !important;
  border: 1.5px solid var(--gold) !important;
}
.btn-primary:hover,
.btn-primary:active {
  background: #0E8A5F !important;
  color: var(--creme) !important;
  border-color: var(--gold) !important;
}

/* ─── Bouton ghost : bordure or pour mieux ressortir sur émeraude ─── */
.btn-ghost {
  border-color: rgba(212,168,67,0.55) !important;
  color: var(--creme) !important;
}
.btn-ghost:hover,
.btn-ghost:active {
  border-color: var(--gold) !important;
  color: var(--gold) !important;
}

/* ─── Override : ghost sur fond clair (section CTA contact) ─── */
/* La section CTA "Un projet, une envie, une question ?" est sur fond sable, */
/* donc on remet le texte en noir pour rester lisible.                        */
.cta-trio .btn-ghost {
  color: var(--noir) !important;
  border-color: rgba(212,168,67,0.65) !important;
}
.cta-trio .btn-ghost:hover,
.cta-trio .btn-ghost:active {
  background: #0E8A5F !important;
  border-color: var(--gold) !important;
  color: var(--creme) !important;
}