/* ============================================================
   PALETTE VIOLETTE — dérivée du logo ESN (#CB6CE6 / #E2B3EF)
   Remappe l'échelle « teal » du design system vers un violet
   cohérent (même teinte ~286°), du lavande clair au prune profond.
   Les alias sémantiques (--brand-teal, --surface-dark, --link…)
   suivent automatiquement. Le CTA orange est conservé pour le
   contraste/urgence. À lier APRÈS styles.css.
   ============================================================ */
:root {
  --teal-950: #1E0A26;   /* prune le plus profond — footer */
  --teal-900: #2E0F3A;   /* encre de marque / sections sombres */
  --teal-800: #401652;
  --teal-700: #5E2178;
  --teal-600: #8E2FB8;   /* violet interactif (liens, accents texte) */
  --teal-500: #A93FD0;
  --teal-400: #CB6CE6;   /* violet principal du logo */
  --teal-300: #DA93EC;
  --teal-200: #E2B3EF;   /* violet clair du logo */
  --teal-100: #F0DCF9;
  --teal-50:  #F8EFFD;   /* surface teintée */

  /* Texte sur fond sombre : neutre lavande (au lieu du cyan d'origine) */
  --text-on-dark: #F4ECF9;
  --text-on-dark-muted: #C9ADD9;

  /* CTA violet (au lieu de l'orange) — assez foncé pour un texte blanc lisible */
  --cta:        #A23BD0;
  --cta-hover:  #8E2FB8;
  --cta-active: #5E2178;
  --shadow-cta: 0 8px 20px rgba(162, 59, 208, 0.30);

  /* Ombres légèrement reteintées violet (très subtil) */
  --shadow-xs:  0 1px 2px rgba(46, 15, 58, 0.07);
  --shadow-sm:  0 2px 6px rgba(46, 15, 58, 0.08);
  --shadow-md:  0 6px 18px rgba(46, 15, 58, 0.10);
  --shadow-lg:  0 16px 38px rgba(46, 15, 58, 0.14);
}