/*
 * Pelle PERES — Ecomuseo della Preistoria.
 *
 * Peres è la pelle dei siti culturali: fondo di carta, bronzo, un arancio che si
 * accende solo dove serve. Nasce per l'Ecomuseo della Preistoria ma non contiene
 * nessun riferimento a quel sito: i valori arrivano dai Colori globali di
 * Elementor, quindi la stessa pelle su un altro Kit cambia colore da sola.
 *
 * Regola che vale per tutte le pelli: qui si toccano SOLO i --fm-theme-*, che
 * sono i ripieghi in fondo alla catena. Definire qui un --fm-<componente>-*
 * lo scriverebbe sull'elemento e batterebbe il valore che il Kit mette sul body,
 * cioè disattiverebbe il controllo dell'utente in Elementor.
 *
 * Nota di scoping: i token stanno sul body e non su :root, perché i
 * --e-global-color-* di Elementor esistono sul body. Su :root risolverebbero a
 * valori invalidi e si cadrebbe nei ripieghi bianco/nero.
 *
 * A differenza dei blocchi PULSE e Atelier, questo foglio è autosufficiente:
 * dichiara anche i valori base, perché su un sito senza WooCommerce il CSS del
 * carosello galleria — dove i valori base vivono da sempre — non viene caricato.
 */

:where(body.fm-theme-peres, [class*="fm-wpgc-theme-peres"]) {

	/* Superfici: la pagina è carta, le schede sono bianche. */
	--fm-theme-surface: #ffffff;
	--fm-theme-surface-soft: var(--e-global-color-8a208fe, #f0e9db);

	/* Testo. */
	--fm-theme-ink: var(--e-global-color-text, #4a4038);
	--fm-theme-muted: color-mix(in srgb, var(--e-global-color-text, #4a4038) 66%, #fff);
	--fm-theme-line: color-mix(in srgb, var(--e-global-color-text, #4a4038) 16%, transparent);

	/* Azione: il bronzo di marca, che al passaggio si scurisce nel secondario. */
	--fm-theme-action: var(--e-global-color-primary, #8a5a2b);
	--fm-theme-action-text: #ffffff;
	--fm-theme-action-hover: var(--e-global-color-secondary, #6b4520);

	/*
	 * Angoli appena smussati. PULSE è squadrato di suo (raggio 0): qui il raggio
	 * c'è ma è piccolo, perché la grafica dell'Ecomuseo è di carta e cartografia,
	 * non di vetrina.
	 */
	--fm-theme-radius: 4px;

	/* Pannelli e velo. */
	--fm-theme-panel: #ffffff;
	--fm-theme-panel-ink: var(--e-global-color-text, #4a4038);
	--fm-theme-overlay: color-mix(in srgb, var(--e-global-color-text, #4a4038) 55%, transparent);

	/*
	 * Etichette. L'arancio è il colore degli stati vivi — "in corso", "prossimo
	 * evento" — e per questo non viene usato per nient'altro: se lo si mette
	 * anche sui pulsanti smette di segnalare qualcosa.
	 */
	--fm-theme-badge: var(--e-global-color-accent, #e07a3f);
	--fm-theme-badge-text: #ffffff;
	--fm-theme-badge-soft: var(--e-global-color-8a208fe, #f0e9db);
	--fm-theme-badge-soft-text: var(--e-global-color-text, #4a4038);
	--fm-theme-badge-sale: var(--e-global-color-accent, #e07a3f);
	--fm-theme-badge-sale-text: #ffffff;

	/* Pulsanti dei pannelli: bronzo pieno, come le azioni. */
	--fm-theme-button: var(--e-global-color-primary, #8a5a2b);
	--fm-theme-button-text: #ffffff;

	/* Tipografia: quella dei testi del Kit, che sull'Ecomuseo è Archia. */
	--fm-theme-font: var(--e-global-typography-text-font-family, Archia), sans-serif;
}