/* ============================================================
   TAGLIO MAESTRO — Design tokens · «Marmo & Tradizione»
   (congelato dal mockup C v2 — giugno 2026)

   Per ri-brandizzare un clone si toccano SOLO:
   1. questo file (colori)
   2. il preset font (TM_FONT_PRESET nel wp-config o functions.php)
   3. il logo
   ============================================================ */

:root {
	/* --- Palette «Marmo & Tradizione» --- */
	--tm-marmo:       #f5f2ea;  /* fondo pagina */
	--tm-panna:       #fcfaf4;  /* superfici, card */
	--tm-inchiostro:  #211e19;  /* testi */
	--tm-bruno:       #6f685c;  /* testi secondari */
	--tm-salvia:      #45523f;  /* verde bottega */
	--tm-salvia-fonda:#313c2d;  /* sezione selezioni */
	--tm-ceralacca:   #8e2a1d;  /* firma, CTA, etichetta */
	--tm-ceralacca-fonda: #6c1d12;
	--tm-oro:         #a3823c;  /* SOLO decorazione: bordi, filetti, fondi. Come testo fa 3,2:1 */
	/* ⚠️ L'oro pieno non è un colore da testo: 3,2:1 sul marmo e 3,2:1 sul verde
	   fondo, contro i 4,5 che servono. Questi due sono i suoi sostituti, uno per
	   fondo, e vanno usati OVUNQUE l'oro faccia parola — prezzi compresi. */
	--tm-oro-testo:   #7a5f27;  /* oro su fondo chiaro: 5,4:1 sul marmo, 5,8 sulla panna */
	--tm-oro-su-scuro:#d0ae5e;  /* oro su fondo scuro: 5,5:1 sul verde fondo */
	--tm-filo:        rgba(33,30,25,.14);
	--tm-crema-su-scuro: #f1ecdf;
	--tm-carta:       #ece1cd;  /* carta da macellaio, fondo caldo */
	--tm-terracotta:  #d4674f;  /* ceralacca schiarita: il rosso che regge sul verde fondo */

	/* --- Materia --- */
	--tm-raggio:      6px;
	--tm-raggio-img:  10px;
	--tm-ombra:       0 1px 2px rgba(33,30,25,.04), 0 18px 44px -20px rgba(33,30,25,.18);
	--tm-ombra-alta:  0 2px 4px rgba(33,30,25,.05), 0 30px 60px -22px rgba(33,30,25,.28);
	--tm-bordo:       1px solid var(--tm-filo);
	--tm-marmo-fondo:
		radial-gradient(130% 80% at 12% 0%, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 55%),
		radial-gradient(100% 80% at 90% 100%, rgba(163,130,60,.05) 0%, rgba(163,130,60,0) 55%),
		#f5f2ea;

	/* alias retro-compatibili per i moduli esistenti */
	--tm-rosso:       var(--tm-ceralacca);
	--tm-rosso-scuro: var(--tm-ceralacca-fonda);
	--tm-avorio:      var(--tm-marmo);
	--tm-avorio-scuro:#e8e2d4;
	--tm-marmo-scuro: #e8e2d4;
	--tm-carbone:     var(--tm-inchiostro);
	--tm-bianco:      var(--tm-panna);
	--tm-ottone:      var(--tm-oro);
	--tm-verde-ok:    var(--tm-salvia);
}

/* --- Preset tipografici (3 coppie premium, una per cliente) ---
   Attivati da functions.php con l'attributo data-tm-font su <html>. */
html[data-tm-font="bodoni"] {
	--tm-font-display: 'Bodoni Moda', Georgia, serif;
	--tm-font-testo:   'Hanken Grotesk', -apple-system, sans-serif;
}
html[data-tm-font="garamond"] {
	--tm-font-display: 'Cormorant Garamond', Georgia, serif;
	--tm-font-testo:   'Figtree', -apple-system, sans-serif;
}
html[data-tm-font="fraunces"] {
	--tm-font-display: 'Fraunces', Georgia, serif;
	--tm-font-testo:   'Archivo', -apple-system, sans-serif;
}

/* --- Mappatura su variabili Blocksy --- */
:root {
	--theme-palette-color-1: var(--tm-ceralacca);
	--theme-palette-color-2: var(--tm-ceralacca-fonda);
	--theme-palette-color-3: var(--tm-inchiostro);
	--theme-palette-color-4: var(--tm-oro);
	--theme-palette-color-5: var(--tm-avorio-scuro);
	--theme-palette-color-6: var(--tm-marmo);
	--theme-palette-color-7: var(--tm-panna);
	--theme-text-color: var(--tm-inchiostro);
	--theme-link-initial-color: var(--tm-ceralacca);
	--theme-button-background-initial-color: var(--tm-ceralacca);
	--theme-button-background-hover-color: var(--tm-ceralacca-fonda);
	--theme-form-field-border-focus-color: var(--tm-oro);
	--theme-font-family: var(--tm-font-testo);
	--theme-headings-font-family: var(--tm-font-display);
}