/* SITO_GIONA/static/css/00_global.css */

/* ===================================== */
/* 0. ROOT & GLOBALI */
/* ===================================== */
:root {
    --color-neon-magenta: #C060FF;    /* Magenta più profondo per eleganza (Soft) */
    --color-neon-blue: #00BFFF;       /* Blu Brillante */
    --color-dark-void: #030303;       /* Nero quasi puro */
    --color-text-light: #E0E0E0;      /* Bianco leggermente spento */
    
    /* Glassmorphism Standard */
    --color-glass-bg: rgba(255, 255, 255, 0.05);
    --color-glass-border: rgba(255, 255, 255, 0.15);
    --color-hover-glow: rgba(192, 96, 255, 0.4); /* Bagliore Soft sull'hover */
}

html {
    scroll-behavior: smooth; /* Abilita lo scorrimento fluido */
}

body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    background-color: var(--color-dark-void);
    color: var(--color-text-light);
    line-height: 1.6;
    overflow-x: hidden;
}

.standard-section {
    padding: 8rem 20px 6rem 20px; 
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}

h2 {
    font-size: 3rem;
    font-weight: 800;
    color: white;
    margin-bottom: 0.5rem;
}

.section-subtitle {
    font-size: 1.25rem;
    color: #999;
    margin-bottom: 4rem;
}

:target::before {
    content: "";
    display: block;
    height: 150px; 
    margin-top: -150px;
    visibility: hidden;
    pointer-events: none;
}

/* Texture Utilities */
.bg-texture-wave { background-image: url('../assets/sff.jpg'); }
.bg-texture-geom { background-image: url('../assets/sff4.jpg'); }
.bg-texture-darkstripes { background-image: url('../assets/sff2.jpg'); }

.has-texture {
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    position: relative; 
}

.has-texture::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(3, 3, 3, 0.75); 
    z-index: 1; 
}
.has-texture > * {
    position: relative;
    z-index: 2; 
}

/* Animazioni Globali */
@keyframes subtleZoom {
    0% { transform: scale(1); }
    50% { transform: scale(1.03); }
    100% { transform: scale(1); }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-10px); }
    60% { transform: translateY(-5px); }
}

.bg-texture-neon-waves { 
    background-image: url('../assets/tx-dark-feathers.jpg'); 
}