/* ===========================================================================
   DIRECTION VIOLET — « Anthracite & ultraviolet »
   ---------------------------------------------------------------------------
   Direction choisie par Wendy le 18/09 parmi les trois proposees par Codex.
   Les valeurs sont reprises telles quelles de sa maquette
   (propositions/choix-produits.html, body[data-theme="violet"]), pour que
   l'accueil et les pages produit soient exactement de la meme couleur.

   POURQUOI UN TROISIEME FICHIER. Les pages produit gardent
   data-style="prune", car c'est ce selecteur qui declenche toute la mise en
   forme de propositions/styles.css : boutons arrondis, panneaux, titres.
   On ne change donc QUE la palette, dans une feuille chargee en dernier.
   Melanger les deux dans produit.css aurait fait perdre la mise en forme.
   =========================================================================== */
body[data-style='prune'] {
  --noir:    #111218;   /* --bg    de la maquette */
  --panneau: #191b25;   /* --panel */
  --blanc:   #f5f5fc;   /* --text  */
  --gris:    #b0b2c3;   /* --muted */
  --gris2:   #8e90a3;   /* un cran plus sombre, pour les legendes */
  --or:      #b395ff;   /* --accent : l'ultraviolet remplace l'or */
  --rose:    #a77bff;
  --trait:   #353649;   /* --line  */
  background: radial-gradient(ellipse at 75% 12%, #3a2a7a33, transparent 45%), #111218;
}

/* Le bouton principal : encre sombre sur accent clair, comme chez Codex. */
body[data-style='prune'] .bouton.fort {
  background: #b395ff;
  border-color: #b395ff;
  color: #191225;          /* --ink */
}

/* Les panneaux : le degrade prune etait rose, il devient violet. */
body[data-style='prune'] .carte {
  background: radial-gradient(ellipse at 50% 30%, #2f2560, transparent 65%), #191b25;
}

/* La pastille des listes suivait --rose, donc elle suit deja l'accent. */