/* ==========================================================================
   DESIGN TOKENS — Intuendi Landing 2026
   Fonte: Figma "Landing-Intuendi" → sezione "Request a demo v3"
   Unica fonte di verità per colori, tipografia, spaziature ed effetti.
   Usare SEMPRE le variabili semantiche nei componenti, mai i valori grezzi.
   ========================================================================== */

:root {
  /* ----------------------------------------------------------------------
     1. COLORI — palette grezza (primitivi)
     ---------------------------------------------------------------------- */
  --navy-900:        #1A223F; /* background hero / superficie scura */
  --ink-900:         #0A0D11; /* testo principale su superficie chiara */
  --green-500:       #00D67E; /* verde brand / accent (KPI, "stockout") */
  --slate-400:       #68748B; /* testo secondario */
  --white:           #FFFFFF;

  /* colori bandiera selettore prefisso (+39) — uso isolato */
  --flag-red:        #F93939;
  --flag-green:      #249F58;

  /* ----------------------------------------------------------------------
     2. COLORI — token semantici (usare questi nei componenti)
     ---------------------------------------------------------------------- */
  --color-bg-hero:        var(--navy-900);
  --color-accent:         var(--green-500);
  --color-text-primary:   var(--white);   /* testo su superficie scura */
  --color-text-on-light:  var(--ink-900); /* testo su superficie chiara */
  --color-text-secondary: var(--slate-400);
  --color-surface-glass:  rgba(255, 255, 255, 0.02); /* card recensione */
  --color-divider:        rgba(255, 255, 255, 0.15); /* linee separatrici */

  /* ----------------------------------------------------------------------
     3. TIPOGRAFIA — famiglie
     ---------------------------------------------------------------------- */
  --font-serif: "IBM Plex Serif", Georgia, serif;        /* titoli */
  --font-sans:  "IBM Plex Sans", system-ui, sans-serif;  /* corpo */
  --font-mono:  "IBM Plex Mono", "SF Mono", monospace;   /* KPI / accenti */

  /* pesi */
  --weight-regular: 400;
  --weight-bold:    700;

  /* dimensioni (rem, base 16px) */
  --text-xs:   0.75rem;  /* 12px — nome/ruolo testimonianza */
  --text-base: 0.9375rem;/* 15px — corpo, sottotitoli, label KPI */
  --text-lg:   1.125rem; /* 18px — citazione testimonianza */
  --text-4xl:  2.5rem;   /* 40px — titolo hero / numeri KPI */

  /* line-height */
  --leading-tight:  1.1;
  --leading-normal: 1.4;

  /* ----------------------------------------------------------------------
     4. SPAZIATURE — scala (multipli osservati nel layout)
     ---------------------------------------------------------------------- */
  --space-1:  0.25rem; /* 4px  */
  --space-2:  0.5rem;  /* 8px  */
  --space-3:  0.75rem; /* 12px */
  --space-4:  1rem;    /* 16px */
  --space-5:  1.25rem; /* 20px */
  --space-6:  1.5rem;  /* 24px */
  --space-10: 2.5rem;  /* 40px — padding sezione mobile */
  --space-hero-pad: 4.375rem; /* 70px — padding colonna sinistra desktop */

  /* ----------------------------------------------------------------------
     5. EFFETTI
     ---------------------------------------------------------------------- */
  --blur-glass: 7px; /* backdrop-blur card recensione */

  /* ----------------------------------------------------------------------
     6. LAYOUT / BREAKPOINT (riferimento dai frame Figma)
     ---------------------------------------------------------------------- */
  --width-desktop: 1440px;
  --width-mobile:  375px;
}