/* Contenu modifiable depuis l'administration (App\Twig\ContentExtension). */

/* Couleurs d'origine, figées à la racine pour que les encarts puissent y
   revenir quand une section change sa couleur de texte. */
:root {
    --site-text: var(--text);
    --site-text-muted: var(--text-muted);
}

/* Couleur de texte choisie pour une section : titres, paragraphes, libellés
   et boutons à contour la suivent. */
[style*="--content-text-color"] {
    --text: var(--content-text-color);
    --text-muted: color-mix(in srgb, var(--content-text-color) 78%, transparent);
    --border-strong: color-mix(in srgb, var(--content-text-color) 45%, transparent);
}

[style*="--content-text-color"] :is(h1, h2, h3, h4, p, .lead, .eyebrow, .btn--outline) {
    color: var(--text);
}

[style*="--content-text-color"] :is(.hero__stat-label, .pourquoi__stat-label, .chiffres__label) {
    color: var(--text-muted);
}

/* Encarts sur fond clair (cartes, pastilles) : ils gardent la palette du
   site, sinon un texte clair y deviendrait illisible. */
[style*="--content-text-color"] :is(.card, .hero__chip, .apropos__badge) {
    --text: var(--site-text);
    --text-muted: var(--site-text-muted);
    color: var(--text);
}

[style*="--content-text-color"] :is(.card, .hero__chip, .apropos__badge) :is(h1, h2, h3, h4, p, .lead, .eyebrow, .btn--outline) {
    color: var(--text);
}

/* Un bouton recoloré garde un retour visuel au survol. */
.btn[style]:hover {
    filter: brightness(0.92);
}

/* Fond personnalisé : on retire les décors prévus pour le fond d'origine. */
.hero[data-custom-background]::before {
    display: none;
}