/* =============================================================================
   THEME — « Editorial Forest » (calque réversible)
   -----------------------------------------------------------------------------
   À charger APRÈS styles.css. Ce fichier ne fait que SURCHARGER des tokens et
   quelques surfaces : il ne modifie pas styles.css.
   ROLLBACK : retirer la balise <link ... theme-forest.css> dans index.html
   (et, le cas échéant, dans le générateur / les pages légales) -> retour au
   thème actuel (or + espresso), sans aucune autre modification.

   Direction : ivoire chaud + vert forêt (primaire) + terracotta (accent rare).
   ========================================================================== */

:root {
  /* Fonds chauds */
  --rp-bg: #FAF8F5;
  --rp-bg-alt: #F3EFE9;
  --rp-bg-tint: #EAE5DB;
  /* Encre */
  --rp-ink: #1C1917;
  --rp-ink-soft: #44403C;
  --rp-muted: #8C857A;
  --rp-line: #E6DFD5;
  /* Sections sombres = vert forêt */
  --rp-dark: #13382C;
  /* Accent principal = vert forêt (icônes, traits, eyebrows, focus) */
  --rp-accent: #1B4A39;
  --rp-accent-ink: #13382C;
  --rp-accent-soft: #E7EEE9;
  /* Coins plus doux */
  --rp-radius: 20px;
}

/* ----- Boutons ------------------------------------------------------------ */
.rp-btn--primary { background: #13382C; color: #fff; }
.rp-btn--primary:hover { background: #0F2A21; }
.rp-btn--ghost { color: #13382C; border-color: #13382C; background: transparent; }
.rp-btn--ghost:hover { background: #13382C; color: #fff; }
.rp-btn--soft { background: var(--rp-accent-soft); color: var(--rp-accent-ink); }
.rp-btn--soft:hover { background: #d9e6dd; }

/* ----- Hero : lueur sauge discrète au lieu de l'or ------------------------ */
.rp-hero { background: radial-gradient(56% 70% at 88% 4%, rgba(27,74,57,.12), transparent 62%), linear-gradient(180deg, var(--rp-bg-tint), var(--rp-bg) 82%); }

/* ----- Surfaces sombres -> vert forêt ------------------------------------- */
.rp-band { background: linear-gradient(135deg, #1A4636, #0E2C22); }
.rp-video__frame { background: linear-gradient(135deg, #1A4636, #0E2C22); }
.rp-card__media { background: linear-gradient(135deg, #1A4636, #0E2C22); }
/* Chip « Email » (action principale) sur le bandeau vert -> terracotta pour ressortir */
.rp-chan--primary { background: #C9603F; border-color: #C9603F; color: #fff; }
.rp-chan--primary:hover { background: #B0522F; border-color: #B0522F; }
.rp-chan--primary svg { color: #fff; }
.rp-channels__note { color: #cfe0d6; }
.rp-eyebrow--light { color: #cfe0d6; }

/* Convertisseur — valeur forte (terracotta clair lisible sur vert) */
.rp-conv__res--strong .rp-conv__resv { color: #E89274; }