/* ==========================================================================
   VARIABILI CSS GLOBALI + BODY BASE
   ========================================================================== */

:root {
  /* Colori brand principali */
  --fs-navy:           #0a3f6e;   /* Blu navy scuro — testi, sfondi, accenti forti */
  --fs-navy-deep:      #072d4f;   /* Variante ancora più scura per sfondi hero/brand */
  --fs-navy-dark:      #061f38;   /* Navy profondo per sfondi molto scuri */
  --fs-navy-darker:    #003366;   /* Navy puro, usato in tabelle e testi secondari */
  --fs-lime:           #19a64d;   /* Verde lime — accento principale, CTA, hover */
  --fs-lime-hover:     #0cbb4c;   /* Lime più acceso per hover */
  --fs-blue-light:     #0081c9;   /* Azzurro — link, badge, titoli secondari */
  --fs-blue-accent:    #00c3ff;   /* Azzurro chiaro — subtitoli brand */

  /* Colori neutri */
  --fs-white:          #ffffff;
  --fs-gray-bg:        #f4f6f9;   /* Sfondo sezioni form / aree grigette */
  --fs-gray-light:     #f8f9fa;   /* Subfooter, sfondi alternativi */
  --fs-gray-border:    #eee;      /* Bordi leggeri */
  --fs-gray-text:      #666;      /* Testi secondari */
  --fs-dark-text:      #3b3b3b;   /* Testi scuri non-navy */

  /* Colori decorativi / accenti */
  --fs-red-stroke:     #dc3545;   /* Usato per il testo outline (txt-stroke) */
  --fs-glass-bg:       rgba(255, 255, 255, 0.15); /* Glassmorphism — sfondo card vetro */

  /* Font */
  --fs-font-main:      'Montserrat', sans-serif;

  /* Spaziature ricorrenti */
  --fs-section-pad:    60px 0;
  --fs-radius-lg:      20px;
  --fs-radius-md:      15px;
  --fs-radius-sm:      8px;
  --fs-radius-pill:    50px;

  /* Transizioni */
  --fs-transition:     0.3s ease;
  --fs-transition-fast:0.2s ease;
}

/* Base del documento */
body {
  font-family: var(--fs-font-main);
  color: var(--fs-navy);
  margin: 0;
}