/* Stile base del corpo */
body {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ------------------------- */
/* Helper             */
/* ------------------------- */

.content-hidden {
    display: none;
}

/* ------------------------- */
/* Stili per Skeleton Loader */
/* ------------------------- */
.skeleton-loader {
    display: block;
    background: #e5e7eb; /* slate-200 */
    border-radius: 0.25rem;
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.dark .skeleton-loader {
    background: #475569; /* slate-700 */
}
@keyframes pulse {
    50% { opacity: .5; }
}

/* ------------------------- */
/* Stili per il Modal        */
/* ------------------------- */

/* Aggiungiamo una transizione per l'apparizione del backdrop */
#modal-backdrop {
    transition: opacity 300ms ease-in-out;
}

/* Aggiungiamo una transizione per l'apparizione del contenuto del modal */
#modal-content {
    transition: all 300ms ease-in-out;
    transform: scale(0.95);
    opacity: 0;
}

/* Quando il modal è visibile (non ha la classe 'hidden') */
#asseverazione-modal:not(.hidden) #modal-content {
    transform: scale(1);
    opacity: 1;
}