/* ============================================================================
   Global7 Design System — Token contract (tema "global7")
   Fonte: .claude/skills/global7-ui/tokens.json — NON modificare i valori qui:
   ogni colore/spaziatura/radius del tema deve passare da queste variabili.
   ========================================================================== */

:root
{
	color-scheme: dark;

	/* --- Superfici --- */
	--clr-page-base:      #00192d;
	--clr-card:           hsl(216 74% 12% / 0.5);   /* superfici contenuto: navy traslucido */
	--clr-popup:          hsl(216 74% 12%);          /* superfici flottanti: SOLIDE (modali, menu, thead sticky) */
	--clr-popover:        hsl(216 74% 12% / 0.95);

	/* --- Testo --- */
	--clr-text:           hsl(0 0% 98%);
	--clr-text-muted:     hsl(0 0% 98% / 0.72);

	/* --- Brand / azioni (l'accento è l'indaco "secondary") --- */
	--clr-primary:        hsl(0 0% 90%);
	--clr-primary-fg:     hsl(0 0% 9%);
	--clr-secondary:      hsl(240 62% 60%);
	--clr-secondary-hover:hsl(240 62% 66%);
	--clr-secondary-fg:   hsl(0 0% 98%);
	--clr-accent:         hsl(238 44% 27%);          /* fill hover/attivo superfici */
	--clr-accent-fg:      hsl(0 0% 98%);
	--clr-nav-active:     #402060;                    /* voce menu attiva */

	/* --- Form e focus --- */
	--clr-border:         hsl(0 0% 100% / 0.1);
	--clr-input-border:   hsl(238 44% 27%);
	--clr-input-bg:       hsl(216 74% 10% / 0.6);
	--clr-ring:           hsl(240 62% 60%);
	--clr-muted:          hsl(0 0% 100% / 0.05);

	/* --- Stato semantico --- */
	--clr-destructive:    hsl(349 94% 71%);
	--clr-success:        hsl(150 55% 42%);          /* qe-high */
	--clr-warning:        hsl(24 93% 53%);           /* qe-medium */
	--clr-danger:         hsl(358 74% 59%);          /* qe-low */

	/* --- Geometria --- */
	--radius-sm:          6px;
	--radius-md:          8px;
	--radius:             10px;
	--radius-xl:          14px;
	--nav-height:         64px;

	/* --- Tipografia --- */
	--font-sans:          -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--font-mono:          source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;

	/* --- Gradiente pagina (fisso, non scorre col contenuto) --- */
	--page-gradient:
		radial-gradient(221.6% 141.42% at 0% 100%, #7d4cfd80 0%, transparent 100%),
		radial-gradient(132.94% 79.88% at 0% 0%, #dd125480 0%, #dd125400 100%),
		var(--clr-page-base);
}