/* ============================================================================
   Le dégradé violet-bleu de la marque, partout où le site était bleu nuit.
   ----------------------------------------------------------------------------
   Référence : le panneau « Une protection intelligente… » de la page de connexion
   (indigo en haut à gauche, violet médian, violet de la marque en bas à droite).
   Chargé EN DERNIER sur chaque page : il remplace seulement le fond des grandes
   surfaces sombres, les calques de lumière et de couleur d'état (rouge d'une alerte,
   vert d'un compte actif…) sont repris tels quels au-dessus du dégradé.

   Garde-fou de lisibilité : on ne va pas jusqu'à la lavande de la connexion
   (--brand-6, 2,1 : 1 sous du texte blanc). Le dégradé s'arrête à #6862ab, 5,35 : 1.
   Les petites pièces sombres (pastilles, infobulles, boutons) ne sont pas concernées.
   Le jeton --degrade-marque est défini dans base.css.
   ========================================================================== */

/* ---- Site public : sections et bandeaux ---- */
body .presentation:not(.presentation--clair) {
  background:
    radial-gradient(72% 40% at 50% 0%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 100%),
    var(--degrade-marque);
}
body .tp-hero,
body .tp-avis,
body .tp-compare,
body .scam,
body .sim-temps {
  background:
    radial-gradient(58% 48% at 80% 8%, rgba(255, 255, 255, .11) 0%, rgba(255, 255, 255, 0) 72%),
    var(--degrade-marque);
}
body .doc__hero {
  background:
    radial-gradient(60% 80% at 88% 0%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 100%),
    var(--degrade-marque);
}
body .sim-def__alerte {
  background:
    radial-gradient(70% 80% at 90% 0%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 100%),
    var(--degrade-marque);
}

/* ---- Pied de page ---- */
body .pied[data-pied="carres"] .pied__marque,
body .pied[data-pied="carres"] .pied__panneau {
  background:
    radial-gradient(60% 70% at 85% 0%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 100%),
    var(--degrade-marque);
  box-shadow: 0 30px 60px -34px rgba(66, 55, 122, .65);
}
body .pied[data-pied="entier"] {
  background:
    radial-gradient(50% 50% at 80% 10%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 100%),
    radial-gradient(rgba(255, 255, 255, .12) 1px, rgba(255, 255, 255, 0) 1.6px) 0 0 / 24px 24px,
    var(--degrade-marque);
}

/* ---- Application (tableau de bord et pages du compte) ---- */
/* Menu latéral : plus clair qu'avant, mais pas jusqu'au bout du dégradé : le texte des
   rubriques (lavande atténuée) doit garder 4,5 : 1. Opaque, car sur mobile il glisse
   par-dessus la page. */
body .rail {
  background: linear-gradient(170deg, var(--brand-3) 0%, #4c4186 100%);
}
body .rail__groupe-titre { color: #d4cde4; }
body .barre-mobile { background: linear-gradient(168deg, var(--brand-3) 0%, #4c4186 100%); }
body .demo-bandeau { background: linear-gradient(90deg, var(--brand-3) 0%, #4c4186 100%); }

/* Grands bandeaux d'en-tête : la couleur d'état (rouge, vert, ambre) reste au-dessus. */
body .al-bandeau {
  background:
    radial-gradient(70% 130% at 100% 0%, rgba(232, 74, 110, .5) 0%, rgba(0, 0, 0, 0) 62%),
    radial-gradient(60% 110% at 0% 100%, rgba(232, 74, 110, .18) 0%, rgba(0, 0, 0, 0) 66%),
    var(--degrade-marque);
}
body .cpt-hero,
body .cpt-accueil__haut {
  background:
    radial-gradient(70% 120% at 100% 0%, rgba(255, 255, 255, .14) 0%, rgba(0, 0, 0, 0) 62%),
    radial-gradient(60% 110% at 0% 100%, rgba(18, 135, 111, .16) 0%, rgba(0, 0, 0, 0) 66%),
    var(--degrade-marque);
}
body .cpt-bleu {
  background:
    radial-gradient(70% 130% at 100% 0%, rgba(255, 255, 255, .14) 0%, rgba(0, 0, 0, 0) 62%),
    var(--degrade-marque);
}
body .assist-bandeau {
  background:
    radial-gradient(70% 130% at 100% 0%, rgba(255, 255, 255, .14) 0%, rgba(0, 0, 0, 0) 62%),
    radial-gradient(60% 110% at 0% 100%, rgba(18, 135, 111, .14) 0%, rgba(0, 0, 0, 0) 66%),
    var(--degrade-marque);
}
body .immo-actif,
body .sim-actif {
  background:
    radial-gradient(62% 130% at 0% 50%, rgba(18, 135, 111, .26) 0%, rgba(0, 0, 0, 0) 66%),
    radial-gradient(70% 120% at 100% 0%, rgba(255, 255, 255, .14) 0%, rgba(0, 0, 0, 0) 62%),
    var(--degrade-marque);
}
body .cc-entete {
  background:
    radial-gradient(90% 150% at 100% 0%, rgba(255, 255, 255, .16) 0%, rgba(0, 0, 0, 0) 62%),
    var(--degrade-marque);
}
body .fuites-veille {
  background:
    radial-gradient(95% 190% at 8% 0%, rgba(176, 112, 11, .62) 0%, rgba(0, 0, 0, 0) 70%),
    var(--degrade-marque);
}