/* ═══════════════════════════════════════════════════════════════════
   HABILLAGE JOUR — feuille commune aux pages claires
   Le Guide · Journal 1940-1944
   Même palette que la bibliothèque : ivoire, encre, marine, or.
   ═══════════════════════════════════════════════════════════════════ */

:root{
  --j-ivory:  #FBF8F3;
  --j-white:  #FFFFFF;
  --j-cream:  #F5F0E7;
  --j-ink:    #1F1B16;
  --j-ink-2:  #5C5347;
  --j-ink-3:  #8B8071;
  --j-navy:   #1B3A5C;
  --j-navy-2: #2C5580;
  --j-gold:   #B08D4F;
  --j-line:   #E7DFD2;
  --j-serif: 'EB Garamond', Georgia, serif;
  --j-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ── Pont vers les variables des pages existantes ── */
  --bg:         var(--j-ivory) !important;
  --bg-soft:    var(--j-white) !important;
  --text:       var(--j-ink)   !important;
  --text-soft:  rgba(31,27,22,.62) !important;
  --text-light: var(--j-ink-2) !important;
  --gold:       var(--j-gold)  !important;
  --gold-light: #8A6D2F        !important;
  --gold-pale:  #6B4E16        !important;
  --border:     var(--j-line)  !important;
  --shadow:     rgba(31,27,22,.10) !important;
  --agent-bg:   var(--j-white) !important;   /* bulle du Guide */
  --user-bg:    var(--j-navy)  !important;   /* bulle du visiteur */
  --plum:       var(--j-navy)  !important;   /* Journal */
  --plum-light: var(--j-navy-2) !important;
}

body{ background: var(--j-ivory) !important; color: var(--j-ink) !important;
      font-family: var(--j-sans) !important; }

h1, h2, h3{
  font-family: var(--j-serif) !important;
  font-weight: 400 !important;
  color: var(--j-ink) !important;
  letter-spacing: .005em !important;
  text-shadow: none !important;
}

/* bulles de conversation, lisibles sur fond clair */
.msg{ font-family: var(--j-sans) !important; }
.msg.agent{ border: 1px solid var(--j-line) !important;
            box-shadow: 0 1px 3px rgba(31,27,22,.05) !important; }
.msg.user{ color: #F2F6FB !important; }

/* champ de saisie et boutons */
input, textarea{ font-family: var(--j-sans) !important; }
::selection{ background: #FBEFD3; color: var(--j-ink); }

/* ── SÉCURITÉ MOBILE ────────────────────────────────────────────────
   Aucune page ne doit déborder en largeur : sur téléphone, plus
   besoin de faire glisser l'écran de côté pour lire la fin d'un mot. */
/* pas d'overflow-x ici : cela décollerait les barres collantes */
img, video, iframe, table, pre { max-width: 100%; }