/*
 * Pelle Atelier — i token di tema di SOLI Gioielli.
 *
 * Trasloco del 31 agosto 2026: questo blocco viveva dentro il CSS del modulo
 * galleria prodotti, cioe' in un componente, mentre e' la pelle del sito. Da
 * qui in avanti cambiare la grafica di Atelier vuol dire toccare questo file.
 *
 * Il selettore NON usa :where(), a differenza di com'era nel modulo. La
 * ragione e' che il CSS dei moduli viene emesso due volte - una fusa nel
 * foglio consolidato, una come <style> inline piu' in basso nella pagina - e
 * la copia inline arriva sempre dopo questo foglio, comunque lo si accodi.
 * Fra due regole di pari specificita' vince l'ultima, quindi a specificita'
 * zero la base scavalcava la pelle: con priorita' 5 e anche con priorita' 100.
 * Una specificita' vera rende la pelle indipendente dall'ordine.
 *
 * Restano fuori dal contendere, come prima: i --fm-<componente>-* scritti dai
 * controlli del Kit e dei widget (nomi diversi, non li tocchiamo) e i token
 * che il tema figlio scrive su :root, che agisce su <html> mentre questo
 * agisce su <body> - elementi diversi, non si scavalcano.
 */

/*
 * Atelier prende i colori dai globali del sito invece che da una palette sua,
 * così un negozio risulta in tinta senza configurare niente.
 * Qui si toccano solo i --fm-theme-*, che sono i ripieghi in fondo alla catena:
 * mai i --fm-<componente>-* che scrivono i controlli del Kit e dei widget,
 * altrimenti quei controlli smetterebbero di avere effetto.
 */
body.fm-theme-atelier,
.fm-wpgc-theme-atelier {
	--fm-theme-ink: var(--e-global-color-text, #3c3c3b);
	--fm-theme-muted: color-mix(in srgb, var(--e-global-color-text, #3c3c3b) 68%, #fff);
	--fm-theme-line: color-mix(in srgb, var(--e-global-color-text, #3c3c3b) 18%, transparent);
	--fm-theme-surface-soft: color-mix(in srgb, var(--e-global-color-secondary, #f6f6f6) 34%, #fff);
	--fm-theme-action: var(--e-global-color-accent, #111);
	--fm-theme-action-hover: color-mix(in srgb, var(--e-global-color-accent, #111) 84%, #000);
	--fm-theme-panel-ink: var(--e-global-color-text, #3c3c3b);
	--fm-theme-badge: var(--e-global-color-accent, #111);
	--fm-theme-badge-soft: var(--fm-theme-surface, #fff);
	--fm-theme-badge-soft-text: var(--e-global-color-text, #3c3c3b);
	--fm-theme-badge-sale: var(--e-global-color-accent, #111);
	--fm-theme-button: var(--e-global-color-accent, #111);
	--fm-theme-overlay: color-mix(in srgb, var(--e-global-color-text, #3c3c3b) 55%, transparent);
}
