/*
 * Logo du site et ses variantes (functions/components/logo.php).
 * Mode sombre : mêmes conditions que les jetons de couleur des thèmes enfants, préférence du système
 * sauf si le visiteur a choisi un mode dans les paramètres d'affichage (data-theme).
 * Seuls les liens .custom-logo-link--scheme changent : les thèmes qui posent le logo sur un cartouche blanc
 * ne le déclarent pas.
 */

/* Logo vectoriel : se dimensionne comme une image, ses formes en currentColor prennent sa couleur */
.custom-logo--svg {
	display: block;
	max-width: 100%;
	color: var(--logo-couleur, currentColor);
}

/* Logo en image : une seule des deux versions est affichée (règles qui ne font que masquer,
   pour garder l'affichage que chaque thème donne au logo) */
@media (prefers-color-scheme: light) {
	:root:not([data-theme="dark"]) .custom-logo--dark {
		display: none;
	}
}

:root[data-theme="light"] .custom-logo--dark {
	display: none;
}

/* Mode sombre */
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) .custom-logo--light {
		display: none;
	}

	:root:not([data-theme="light"]) .custom-logo-link--scheme .custom-logo--svg {
		color: var(--logo-couleur-sombre, var(--logo-couleur, currentColor));
	}
}

:root[data-theme="dark"] .custom-logo--light {
	display: none;
}

:root[data-theme="dark"] .custom-logo-link--scheme .custom-logo--svg {
	color: var(--logo-couleur-sombre, var(--logo-couleur, currentColor));
}