/* ArsLudi landing — Page shell */

:root {
    /* Canonical dark surface: same family used by the opening Pre-Hero. */
    --landing-brand-green: #042f2e;
    --landing-brand-green-gradient: linear-gradient(
        180deg,
        #032f2e 0%,
        #042f2e 66%,
        #063a38 100%
    );
}

body {
    height: 100svh;
    overflow: hidden;
}

:where(a, button, input, select, textarea):focus-visible {
    outline: 2px solid #fffdf8;
    outline-offset: 2px;
    box-shadow: 0 0 0 5px #0f766e;
}

/* --------------------------------------------------------------------------
 * Section presentation / navigation polish
 * -------------------------------------------------------------------------- */

[data-landing-scroll] main > section {
    --landing-scroll-inset: 1.25rem;
    scroll-margin-top: var(--landing-scroll-inset);
    border-color: rgba(221, 212, 194, 0.32) !important;
}

/*
 * Presentation chapters:
 * - Perché ArsLudi keeps a little surrounding ivory so the upper geometry reads.
 * - Come funziona scrolls deeper into its full-height chapter so the heading is
 *   not visually pushed down by the centering whitespace.
 * - Stati/Live/Prezzi/FAQ/Contatto/Closing start cleanly at the scroll-root top.
 * - Catalogo and Audience deliberately keep the previous geometric tail visible.
 */
#perche-arsludi {
    --landing-scroll-inset: 3.25rem;
}

#come-funziona {
    --landing-scroll-inset: -6rem;
}

#funzionalita,
#demo {
    --landing-scroll-inset: 2.75rem;
}

#stati,
#live,
#prezzi,
#landing-faq,
#contatti,
#chiusura {
    --landing-scroll-inset: 0rem;
}

#catalogo {
    --landing-scroll-inset: 3.25rem;
}

#dal-tavolo-all-evento {
    --landing-scroll-inset: 3.5rem;
}

#landing-footer {
    --landing-scroll-inset: 0rem;
    scroll-margin-top: var(--landing-scroll-inset);
    border-color: rgba(221, 212, 194, 0.28) !important;
}

/* One physical separator per junction: avoid double borders. */
#perche-arsludi,
#catalogo,
#prezzi,
#landing-faq,
#contatti,
#chiusura {
    border-bottom-color: transparent !important;
}

@media (max-width: 639px) {
    [data-landing-scroll] main > section {
        --landing-scroll-inset: 0.85rem;
    }

    #perche-arsludi {
        --landing-scroll-inset: 1.5rem;
    }

    #come-funziona {
        --landing-scroll-inset: 0.75rem;
    }

    #funzionalita,
    #demo {
        --landing-scroll-inset: 1.5rem;
    }

    #stati,
    #live,
    #prezzi,
    #landing-faq,
    #contatti,
    #chiusura {
        --landing-scroll-inset: 0.35rem;
    }

    #catalogo,
    #dal-tavolo-all-evento {
        --landing-scroll-inset: 1.75rem;
    }
}