/* Pellegrini Theme — token di design.
   Traduzione in variabili di 01-DESIGN.md e 04-BRAND-E-LINGUE.md.
   Solo variabili: le regole stanno in base.css e nei CSS di componente. */

:root {
	/* ---- Colore — la cabina luce ----
	   Interfaccia acromatica: l'unico colore in pagina viene dalla pelle. */
	--carbone:      #22211F; /* superfici scure: testata, piè di pagina, pagine di testo */
	--carbone-alto: #2E2C29; /* elevazione su carbone */
	--cabina:       #8C8981; /* fondo del catalogo: grigio neutro da cabina luce, 4.60:1 su --carbone */
	--cabina-alta:  #A09C93; /* card in evidenza sul fondo cabina */
	--cabina-bassa: #726F68; /* card retrocesse, non corrispondenti */
	--calce:        #E8E4DC; /* testo su fondo scuro */
	--calce-fioca:  rgba(232, 228, 220, 0.62);
	--filo:         rgba(232, 228, 220, 0.16); /* separatori, hairline */

	/* Accento dinamico: nessun colore fisso di brand in pagina.
	   Parte da calce; il compositore lo sovrascrive a runtime col colore selezionato. */
	--accento: var(--calce);

	/* ---- Marchio (04-BRAND-E-LINGUE.md) ----
	   Non entrano nel sistema di interfaccia. Unico impiego funzionale del rosso:
	   quantità in esaurimento nella Pronta consegna. Il blu non si usa in pagina. */
	--rosso-marchio: #D8001A;
	--blu-marchio:   #1E3C90;

	/* ---- Tipografia ----
	   Archivo variabile su assi wght e wdth. Bodoni Moda riservata al solo
	   nome dell'articolo, mai sotto i 20px. */
	--famiglia-base:     "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
	--famiglia-articolo: "Bodoni Moda", "Bodoni MT", Didot, serif;

	--peso-corpo:   400;
	--peso-dati:    500;
	--peso-display: 700;

	/* Asse wdth, da usare con font-stretch */
	--larghezza-corpo:   100%;
	--larghezza-display: 112%;

	/* Scala: 12 · 14 · 16 · 20 · 26 · 34 · 48 · 68 · 96 px (in rem, radice 16) */
	--misura-12: 0.75rem;
	--misura-14: 0.875rem;
	--misura-16: 1rem;
	--misura-20: 1.25rem;
	--misura-26: 1.625rem;
	--misura-34: 2.125rem;
	--misura-48: 3rem;
	--misura-68: 4.25rem;
	--misura-96: 6rem;

	--interlinea-corpo:   1.5;
	--interlinea-display: 1.05;
	--avvicinamento-display: -0.02em;

	/* ---- Spazio ---- */
	--passo: 8px;
	--contenitore-max: 1440px;
	--margine-lato: clamp(20px, 5vw, 72px);

	/* ---- Movimento ----
	   Il momento Flip (700ms, expo.out) vive in GSAP; la durata sta qui
	   solo perché ogni numero del sistema abbia una casa sola. */
	--durata-micro: 160ms;
	--durata-stato: 320ms;
	--durata-flip:  700ms;
	--curva: cubic-bezier(0.16, 1, 0.3, 1);
}