/**
 * Couleurs globales de la page, choisies dans le studio (« Couleurs de la
 * page »). Les règles sont fixes : le serveur — ou le canevas, en direct —
 * ne pose que les classes has-c-* et les variables --aap-c-*.
 *
 * Chargée après la feuille du style. Ne touche ni aux bandes habillées par
 * l'artiste (.is-dressed), ni à l'en-tête, ni à la bande d'appel.
 */

/* Fond des sections : fond de la page et des bandes nues. L'encre en découle
   (calculée, ou celle choisie pour le texte). */
body.aap-profile-page.has-c-bg {
	--bg: var(--aap-c-bg);
	--text: var(--aap-c-ink);
	--muted: color-mix(in srgb, var(--aap-c-ink) 66%, var(--aap-c-bg));
	--rule: color-mix(in srgb, var(--aap-c-ink) 18%, transparent);
	--surface: color-mix(in srgb, var(--aap-c-ink) 6%, var(--aap-c-bg));
	background: var(--aap-c-bg);
	color: var(--text);
}

/* Texte : remplace l'encre de la page ; les gris secondaires en découlent. */
body.aap-profile-page.has-c-text {
	--text: var(--aap-c-text);
	--muted: color-mix(in srgb, var(--aap-c-text) 66%, var(--bg));
}

/* Fond alterné : une bande nue sur deux, pour les styles qui alternent. Son
   encre est toujours calculée, pour rester lisible. */
body.has-c-alt:is(.aap-style-neon, .aap-style-nocturne, .aap-style-jazz) .aap-site > .aap-section.aap-section:not(.is-dressed):not(.aap-block-cta):nth-of-type(even) {
	--sec-bg: var(--aap-c-alt);
	--text: var(--aap-c-alt-ink);
	--muted: color-mix(in srgb, var(--aap-c-alt-ink) 66%, var(--aap-c-alt));
	--rule: color-mix(in srgb, var(--aap-c-alt-ink) 18%, transparent);
	--surface: color-mix(in srgb, var(--aap-c-alt-ink) 6%, var(--aap-c-alt));
	color: var(--text);
}

/* Titres : sur les bandes au fond de la page. */
body.aap-profile-page.has-c-title .aap-site > .aap-section:not(.is-dressed):not(.aap-block-cta) :is(.aap-h2, .aap-title) {
	color: var(--aap-c-title);
}

/* …mais pas sur les bandes alternées, qui ont leur propre fond. */
body.aap-profile-page.has-c-title:is(.aap-style-neon, .aap-style-nocturne, .aap-style-jazz) .aap-site > .aap-section:not(.is-dressed):not(.aap-block-cta):nth-of-type(even) :is(.aap-h2, .aap-title) {
	color: var(--text);
}
