/*
 * G4I Assessment — design token.
 *
 * I valori sono ricavati dagli screenshot della piattaforma attuale
 * (design/screenshots/). Restano un'approssimazione fedele finché non arriva
 * il brand kit ufficiale: quando arriverà si aggiorna solo questo file.
 */

:root {
	/* Colori di marca */
	--g4i-navy: #1b4e8a;
	--g4i-navy-dark: #163f70;
	--g4i-navy-soft: #2a5f9e;
	--g4i-blue: #1e6eb8;
	--g4i-blue-dark: #17568f;

	/* Superfici */
	--g4i-bg: #e8eff7;
	--g4i-surface: #ffffff;
	--g4i-surface-alt: #f4f8fc;
	--g4i-row: #cfe0f1;
	--g4i-row-hover: #c2d8ee;
	--g4i-border: #c3d6ea;

	/* Testo */
	--g4i-ink: #16324f;
	--g4i-ink-soft: #48627d;
	--g4i-ink-muted: #6b8199;
	--g4i-on-navy: #ffffff;

	/* Livelli del questionario (base / intermedio / avanzato) */
	--g4i-level-base-bg: #e2ede0;
	--g4i-level-base-ink: #2f5c33;
	--g4i-level-mid-bg: #fbf3d9;
	--g4i-level-mid-ink: #7a5c12;
	--g4i-level-adv-bg: #f8e0de;
	--g4i-level-adv-ink: #7d2b26;

	/* Stati */
	--g4i-accent: #c9762f;
	--g4i-success: #2f7d4f;
	--g4i-warning: #a86a12;
	--g4i-danger: #c62f2f;
	--g4i-danger-bg: #fdecec;

	/* Forma */
	--g4i-radius-pill: 26px;
	--g4i-radius-card: 12px;
	--g4i-radius-input: 6px;
	--g4i-radius-btn: 6px;

	/* Ombre */
	--g4i-shadow-card: 0 1px 2px rgba(22, 50, 79, 0.06), 0 4px 16px rgba(22, 50, 79, 0.06);
	--g4i-shadow-modal: 0 12px 48px rgba(22, 50, 79, 0.24);

	/* Spaziature */
	--g4i-space-1: 4px;
	--g4i-space-2: 8px;
	--g4i-space-3: 12px;
	--g4i-space-4: 16px;
	--g4i-space-5: 24px;
	--g4i-space-6: 32px;
	--g4i-space-7: 48px;

	/* Tipografia */
	--g4i-font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
	--g4i-font-size: 15px;
	--g4i-line-height: 1.5;

	/* Struttura */
	--g4i-sidebar-width: 68px;
	--g4i-sidebar-width-open: 236px;

	/* Motion — rispettata la preferenza di sistema più in basso */
	--g4i-transition: 160ms ease;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--g4i-transition: 0ms;
	}
}