style.css

/* En-têtes h1 centrés */
h1 {
  text-align: center;
  display: block;
}


/* ---------------------------
   1. Fond en dégradé
----------------------------*/
html, body {
    /* Dégradé diagonal du rose (#ffafbd) vers le pêche (#ffc3a0) */
    background: linear-gradient(135deg, #ffafbd, #ffc3a0) no-repeat center center fixed !important;
    background-size: cover;
    margin: 0;
    padding: 0;
}

/* ---------------------------
   2. Masquer le footer Gradio
----------------------------*/
footer {
  display: none !important;
}

/* ---------------------------
   3. Bulles de messages
----------------------------*/
/* Bulle pour le message de l'utilisateur */
.user .gradio-chat-message {
  background-color: #e0f7fa !important; /* Bleu clair */
  color: #333 !important;              /* Couleur du texte */
  border-radius: 8px;
  margin: 0.5rem 0;
  padding: 1rem;
}

/* Bulle pour le message de l'assistant */
.bot .gradio-chat-message {
  background-color: #fff8e1 !important; /* Jaune pastel */
  color: #333 !important;
  border-radius: 8px;
  margin: 0.5rem 0;
  padding: 1rem;
}