/**
 * Design token del tema.
 * Valori derivati dal riferimento video: vedi docs/02_VIDEO_DESIGN_ANALYSIS.md.
 */

:root {
	/* Colore — campionato a valore modale/mediana su frame del riferimento
	   (fase 6D, analysis/asset-recovery/colors.md):
	   #1C2026 è il 56,5% dei pixel a t=68,2 s e il 31,9% a t=105 s;
	   #DE2449 è la mediana di 4 pulsanti indipendenti (n>1.000 px ciascuno);
	   #F8F8F8 è l'88,2% dei pixel a t=99,5 s. */
	--ee-ink: #1c2026;
	--ee-ink-deep: #1c2026;
	--ee-ink-800: #2b2d33;
	--ee-ink-600: #3a3d44;
	--ee-paper: #f8f8f8;
	--ee-white: #fff;
	--ee-magenta: #de2449;
	--ee-magenta-dark: #b81c3a;
	--ee-logo-red: #de2449;
	--ee-muted: #6b6f76;
	--ee-muted-invert: #a9adb6;
	--ee-line: rgba(28, 32, 38, 0.14);
	--ee-line-invert: rgba(255, 255, 255, 0.18);

	/* Tipografia */
	--ee-font-display: "Inter", "Archivo", "Helvetica Neue", Arial, sans-serif;
	--ee-font-body: "Poppins", "Segoe UI", Arial, sans-serif;
	--ee-fs-display: clamp(2.5rem, 4.5vw, 4rem);
	--ee-fs-h2: clamp(2rem, 3.3vw, 3rem);
	--ee-fs-h3: clamp(1.25rem, 1.6vw, 1.375rem);
	--ee-fs-body: 1rem;
	--ee-fs-small: 0.8125rem;
	--ee-fs-label: 0.6875rem;
	--ee-lh-tight: 1.04;
	--ee-lh-title: 1.08;
	--ee-lh-body: 1.6;
	--ee-track-tight: -0.02em;
	--ee-track-label: 0.14em;

	/* Spaziatura */
	--ee-space-1: 4px;
	--ee-space-2: 8px;
	--ee-space-3: 12px;
	--ee-space-4: 16px;
	--ee-space-5: 24px;
	--ee-space-6: 32px;
	--ee-space-7: 48px;
	--ee-space-8: 64px;
	--ee-space-9: 96px;
	--ee-space-10: 128px;

	/* Forme */
	--ee-radius: 0;
	--ee-radius-sm: 3px;
	--ee-shadow-header: 0 1px 0 rgba(29, 31, 37, 0.12);
	--ee-shadow-modal: 0 24px 64px rgba(0, 0, 0, 0.35);

	/* Layout (sovrascritti da inc/breakpoints.php) */
	--ee-container: 1400px;
	--ee-gutter: 32px;
	--ee-header-h: 68px;

	/* Z-index */
	--ee-z-header: 100;
	--ee-z-menu: 200;
	--ee-z-skip: 300;

	/* Movimento */
	--ee-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--ee-dur-fast: 180ms;
	--ee-dur: 320ms;
	--ee-dur-slow: 600ms;

	/* Curva MISURATA dell'apertura del media dei capitoli (Regola B.3):
	   nessuna curva CSS nota sta sotto il 2% di errore (la migliore, easeInOutSine,
	   resta al 3.5%), quindi si usa la linear() campionata in 21 punti
	   (RMSE 0.83%). Generata da tools/curve-fit.py; dati in
	   analysis/animations/data/chapter-open-fit.txt. */
	--ee-ease-chapter-open: linear(0, 0.0259, 0.0541, 0.1043, 0.1497, 0.2113, 0.2798, 0.3144, 0.3758, 0.4525, 0.529, 0.5769, 0.6621, 0.7129, 0.7701, 0.82, 0.8753, 0.9128, 0.94, 0.9788, 1);

}