/* ============================================================================
   DEVOIRATI — Habillage « marque » des cours / leçons interactives
   devoirati-cours-brand.css
   ----------------------------------------------------------------------------
   BUT : ramener l'IDENTITÉ DÉCORATIVE des leçons (fond de page, bandeaux de
   titre, formes flottantes, barres décoratives) sur la palette de marque
   indigo → violet  #667eea → #764ba2  (accent rose #f093fb).

   NE TOUCHE PAS au CODE COULEUR PÉDAGOGIQUE : succès (vert), erreur (rouge),
   info (bleu), astuce/surlignage (orange/jaune), boîtes d'exemple. Ces couleurs
   portent du sens et restent volontairement inchangées.

   À charger APRÈS le <style> inline de la page. Les règles sont marquées
   !important pour rester déterministes quel que soit l'ordre d'injection.
   ============================================================================ */

/* — Fond de page : arc-en-ciel / crème « chaud » → clair froid légèrement teinté marque —
   (fond clair et lisible pour une leçon ; le header + les cartes portent la couleur) */
body {
  background: linear-gradient(135deg, #f5f7ff, #edf0fb) !important;
  background-size: auto !important;
}

/* — En-tête de leçon : ramené sur le dégradé de marque (certaines pages l'ont
   recoloré en bleu-cyan #3b82f6→#06b6d4 lors d'une passe antérieure) — */
.header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

/* — Bandeau de titre de section : arc-en-ciel → marque — */
.section-title {
  background: linear-gradient(45deg, #667eea, #764ba2, #f093fb) !important;
  background-size: 200% 200% !important;
  color: #fff !important;
}

/* — Formes flottantes décoratives d'arrière-plan — */
.shape:nth-child(1) { background: #667eea !important; }
.shape:nth-child(2) { background: #764ba2 !important; }
.shape:nth-child(3) { background: #f093fb !important; }

/* — Variante « cosmique » (cours Fractions) : formes + en-tête multi-couleurs — */
.cosmic-floating-shape { background: linear-gradient(135deg, #667eea, #764ba2) !important; }

/* — Barre décorative du pied de page (liseré animé) — */
.footer::before {
  background: linear-gradient(90deg,
              #667eea, #764ba2, #f093fb, #764ba2, #667eea) !important;
}

/* — Encadré « formule » : rose-rouge → accent de marque — */
.formula {
  background: linear-gradient(45deg, #f093fb, #764ba2) !important;
}