/************************************/
/*** 	 01. Global Variables	  ***/
/************************************/

:root {
  /* Qui definisco la palette clinica del sito */
  --primary-color: #727272;
  /* Qui uso il blu brand per CTA e elementi chiave */
  --accent-color: #B8A49C;
  /* Qui uso l'accent per hover/dettagli */
  --secondary-color: #E6DFDD;
  /* Qui uso il fondo porcellana per sezioni alternate */
  --text-color: #1F2937;
  /* Qui imposto il testo scuro neutro */
  --white-color: #FFFFFF;
  /* Qui mantengo il bianco puro */
  --back-color: #F7F8FA;
  /* Qui tengo “black” chiaro per evitare fondi scuri */
  --divider-color: #F5F8FA;
  /* Qui uso separatori puliti (grigio pieno) */
  --dark-divider-color: #FFFFFF5A;
  /* Qui imposto il divider su fondi scuri */
  --error-color: #E65757;
  /* Qui mantengo il colore errore dei form */
  --light-dark: #c5b1a986;
  
  /* Qui imposto i font */  
  --default-font: "Roboto Condensed", sans-serif;    
  /* Qui tengo il font di accento per titoli */
  --accent-font:  "Bebas Neue", sans-serif;

  /* Qui imposto una scala tipografica globale */
  --base-font-size: 18px;
  --base-line-height: 1.65;

  /* Qui collego il magic cursor alla palette (single source of truth) */
  --cursor-colore-base: #FFFFFF;
  /* Qui imposto la tinta base del cursore (brand blu) */
  --cursor-colore-chiaro: #FFFFFF;
  /* Qui imposto la variante chiara per testi bianchi/fondi scuri */

  /* Qui imposto il colore per le stelline di google*/
  --star-google-color: #CA6500;
}