/* 1_variables-setup.css - UPDATED (Modernized Color Palette, Typography & Transitions) */
:root {
    /* PALETTE COLORI CALDA & PREMIUM - UPDATED */
    --primary-red: #D84315;
    /* UPDATED: Warmer red (was #E53935) */
    --primary-green: #2E8B57;
    /* Verde Basilico - Invariato */
    --accent-gold: #FFA000;
    /* UPDATED: Richer amber/gold (was #FFD700) */
    --background-dark: #1E1B18;
    /* UPDATED: Warm black/brown (was #1D1D1D) */
    --surface-dark: #2B2520;
    /* UPDATED: Dark taupe (was #2A2A2A) */
    --text-light: #F7F2EC;
    /* UPDATED: Warm white (was #F0F0F0) */
    --text-secondary: #C8C0B8;
    /* UPDATED: Warm gray (was #C8C8C8) */

    /* TYPOGRAPHY REFINEMENT - UPDATED */
    --font-headings: 'Inter', sans-serif;
    --font-body: 'Poppins', sans-serif;
    --line-height-title: 1.15;
    /* UPDATED: Tighter for impact */
    --line-height-body: 1.7;
    /* UPDATED: Airy for readability */
    --letter-spacing-title: 1.5px;
    /* UPDATED: Elegance */

    /* ANIMATIONS & TRANSITIONS - UPDATED */
    --transition-macro: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    /* UPDATED: For modals, sections */
    --transition-micro: 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    /* UPDATED: For hovers, tags */
    --transition-smooth: 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
    /* UPDATED: Bouncy effects */
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* GPU ACCELERATION DEFAULT - UPDATED */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: var(--font-body);
    /* Sfondo fisso, senza animazione */
    background-color: var(--background-dark);
    color: var(--text-light);
    line-height: var(--line-height-body);
    /* UPDATED */
    scroll-behavior: smooth;
    /* TEXTURE OVERLAY PER BACKGROUND - UPDATED (added subtle noise via pseudo-element elsewhere or here if needed globally, keeping simple here) */
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

h1,
h2,
h3 {
    font-family: var(--font-headings);
    color: var(--text-light);
    letter-spacing: 0.5px;
    /* UPDATED: Default slight spacing */
    font-weight: 600;
    /* UPDATED: Lighter weight default */
}

/* ========= ANIMAZIONI ========= */
@keyframes fadeUpIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* UPDATED: Pulse Glow for Tags */
@keyframes pulse-glow {

    0%,
    100% {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    }

    50% {
        box-shadow: 0 4px 16px rgba(216, 67, 21, 0.4);
    }
}

/* Animazione embers rimossa per sfondo fisso */

/* ========= CORREZIONE ANCORA PER HEADER STICKY ========= */
#hero,
#menu,
#chisiamo,
#contatti {
    scroll-margin-top: 0px;
}