/* ============================================================ 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; /* eyebrow, prezzi, dettagli */ --tm-filo: rgba(33,30,25,.14); --tm-crema-su-scuro: #f1ecdf; /* --- 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[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); }