/* ============================================================================
   site.css — Stili di base (font e rispetto di prefers-reduced-motion)
   Il grosso della grafica è gestito da Tailwind; qui restano solo le regole
   che non passano dalle utility class.
   ============================================================================ */

body {
    font-family: "Inter", sans-serif;
    overflow-x: clip;
    background: #020c2b;
}

.font-display {
    font-family: "Space Grotesk", sans-serif;
}

/* Disabilita le animazioni per chi preferisce meno movimento */
@media (prefers-reduced-motion: reduce) {
    .animate-floaty,
    .animate-marquee {
        animation: none !important;
    }
}