/* Contratto di elevazione: tre soli livelli distinguono superficie, elemento sospeso e dialogo. */

:root {
  --shadow-1: 0 1px 2px rgba(27, 33, 38, 0.06);                              /* Superfici nel flusso: card e pannelli. */
  --shadow-2: 0 2px 8px rgba(27, 33, 38, 0.10);                              /* Elementi sospesi: menu e barre sticky. */
  --shadow-3: 0 8px 28px rgba(27, 33, 38, 0.18);                             /* Elementi sopra il flusso: dialoghi e toast. */

  --overlay: rgba(27, 33, 38, 0.45);  /* Separa il dialogo dal contesto senza nasconderlo completamente. */
}