/* ==================== TEMA LIGHT - VARIABILI COLORE ==================== */
/* Solo variabili colore per tema light (default) */

:root,
body:not([data-theme]),
body.theme-light {
    /* Colori principali */
    --celeste: #b3e1ff;
    --celeste-dark: #8dd1f0;
    --celeste-darker: #6bb8d9;
    --celeste-deep: #4a9bc2;
    --white: #ffffff;
    
    /* Colori testo */
    --text-primary: #1a5a7a;
    --text-secondary: #4a8fb8;
    --text-light: #6ba3c4;
    --text-lighter: #8bb8d1;
    
    /* Colori bordi */
    --border-color: rgba(179, 225, 255, 0.4);
    
    /* Glow effects (colore-specifici) */
    --glow-soft: 0 0 30px rgba(179, 225, 255, 0.4), 0 4px 25px rgba(179, 225, 255, 0.2), 0 0 50px rgba(255, 255, 255, 0.1);
    --glow-medium: 0 0 40px rgba(179, 225, 255, 0.5), 0 8px 35px rgba(179, 225, 255, 0.3), 0 0 70px rgba(255, 255, 255, 0.15);
    --glow-strong: 0 0 60px rgba(179, 225, 255, 0.6), 0 12px 50px rgba(179, 225, 255, 0.4), 0 0 100px rgba(255, 255, 255, 0.2);
    --glow-intense: 0 0 80px rgba(179, 225, 255, 0.7), 0 15px 60px rgba(179, 225, 255, 0.5), 0 0 120px rgba(255, 255, 255, 0.25);
    
    /* Background */
    --bg-primary: rgba(255, 255, 255, 0.3);
    --bg-secondary: rgba(255, 255, 255, 0.6);
}

/* Body background per tema light */
body:not([data-theme]),
body.theme-light {
    background: linear-gradient(180deg, #7db8d9 0%, var(--white) 100%);
    background-attachment: fixed;
    color: var(--text-primary);
}