/* ==================== VARIABILI CSS COMUNI ==================== */
/* Variabili non tema-specifiche - usate da tutti i temi */

:root {
    /* Transizioni e animazioni */
    --transition: all 0.3s ease;
    --transition-slow: all 0.5s ease;
    
    /* Blur effects */
    --blur-soft: blur(15px);
    --blur-medium: blur(25px);
    --blur-strong: blur(35px);
    
    /* Shadows (generiche, non colore-specifiche) */
    --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-medium: 0 8px 30px rgba(0, 0, 0, 0.12);
    
    /* Font size multiplier */
    --font-size: 1;
}

/* ==================== UTILITY CLASSES ==================== */
/* Utility per backdrop-filter - elimina duplicazioni */
.backdrop-blur-soft {
    backdrop-filter: var(--blur-soft);
    -webkit-backdrop-filter: var(--blur-soft);
}

.backdrop-blur-medium {
    backdrop-filter: var(--blur-medium);
    -webkit-backdrop-filter: var(--blur-medium);
}

.backdrop-blur-strong {
    backdrop-filter: var(--blur-strong);
    -webkit-backdrop-filter: var(--blur-strong);
}

/* Le variabili colore-specifiche sono nei file themes/variables-*.css */