/**
 * 3D Communication – Compatibilité WordPress / Elementor
 * -----------------------------------------------------------------------------
 * Objectif : appliquer le socle visuel du thème (fond, texte, police de base)
 * SANS jamais entrer en conflit avec Elementor.
 *
 * Règles que l'on s'impose ici :
 *   • aucune règle ne cible les classes « .elementor-* » (on ne les surcharge pas) ;
 *   • aucun « !important » ;
 *   • on ne fixe aucune largeur de contenu (Elementor gère ses conteneurs) ;
 *   • on ne stylise pas les titres/paragraphes nus (Elementor gère sa typo) ;
 *   • les tokens du thème (:root et .dark) restent disponibles à l'intérieur du
 *     contenu Elementor par simple héritage, puisque « dark » est posé sur <html>.
 * -----------------------------------------------------------------------------
 */

/* Socle du document : couleurs et police de base du thème.
 * Ces valeurs servent de toile de fond ; Elementor applique ses propres styles
 * par-dessus pour ses widgets, sans conflit. */
body {
	background-color: var(--tc-body-bg);
	color: var(--tc-body-text);
	font-family: var(--tc-font-sans);
	line-height: var(--tc-leading-normal);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: var(--tc-transition-colors);
}

/*
 * Note d'intégration (Phase 4) :
 * les couleurs de marque seront exposées à Elementor en tant que « couleurs
 * globales » via l'API du thème (theme.json + kit Elementor), de sorte que la
 * palette de l'éditeur corresponde aux tokens ci-dessus. On n'écrase donc PAS
 * ici les variables « --e-global-color-* » d'Elementor, qui restent gérées par
 * l'utilisateur depuis l'éditeur.
 */
