prise en charge des couleurs par des variables CSS

Il serait sympa pour faciliter les modifications d'utiliser quelques variables CSS Voici un début de repérage

/* les couleurs du site */
:root {
	--main-bg-color: #e97770;
	--text-color-white:rgba(255, 255, 255, 0.75);
	--color-pagination:#e97770;
	--bg-colorhover:#f98780;
  }

Puis on modifie les occurrences dans les fichiers CSS

.myclass{color: var(--main-bg-color);}