/* ============================================================
   DESIGN TOKENS · La Tchavana
   Fonte unica per spaziature, raggi, ombre, z-index, transizioni.

   NB: i COLORI e i FONT principali arrivano dal Customizer e sono
   iniettati a runtime da inc/dynamic-css.php (--cream, --ink, --serif…).
   Qui stanno solo i token STRUTTURALI + pochi neutri di supporto,
   allineati ai valori-fallback già usati nei componenti (nessun
   cambiamento visivo: diventano semplicemente "veri" token).

   Questo file è caricato PER PRIMO, così i token sono disponibili
   a tutti i CSS successivi.
   ============================================================ */
:root {

	/* — Neutri di supporto (= fallback già in uso, ora centralizzati) — */
	--paper-2:   #f4f1ea;   /* sfondo sezioni alternato (es. "Il viaggio del latte") */
	--line-soft: #e7e1d5;   /* bordi e divisori tenui */
	--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	--gold-ink:   #827347;   /* accento oro leggibile come TESTO su fondo chiaro (AA 4.5) */
	--salvia-ink: #5E7960;   /* accento salvia leggibile come TESTO su fondo chiaro (AA 4.5) */

	/* — Scala spaziatura (base 4px) — */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 48px;
	--space-8: 64px;
	--space-9: 96px;

	/* — Raggi angoli — */
	--radius-xs: 6px;
	--radius-sm: 10px;
	--radius-md: 16px;
	--radius-lg: 22px;
	--radius-pill: 999px;

	/* — Ombre (morbide, coerenti col brand) — */
	--shadow-1: 0 1px 3px rgba(44, 42, 36, .06);
	--shadow-2: 0 6px 20px rgba(44, 42, 36, .08);
	--shadow-3: 0 18px 48px rgba(44, 42, 36, .14);

	/* — Z-index (scala unica: evita conflitti di sovrapposizione) — */
	--z-base: 1;
	--z-sticky: 100;
	--z-header: 200;
	--z-overlay: 800;
	--z-modal: 1000;
	--z-toast: 1100;

	/* — Transizioni — */
	--transition-fast: 120ms ease;
	--transition: 200ms ease;
	--transition-slow: 360ms ease;

	/* — Riferimento breakpoint (nelle @media servono i px letterali) —
	   mobile ≤ 600px · tablet ≤ 880px · desktop ≥ 1025px */
}