:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:5.5rem}
body{background:#F7F5F0;color:#2A3342;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
[x-cloak]{display:none!important}
.hero-in{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.hero-in.d1{animation-delay:.12s}.hero-in.d2{animation-delay:.24s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.card{box-shadow:0 1px 2px rgba(14,26,43,.05),0 12px 32px -16px rgba(14,26,43,.18)}
.hdr-shadow{box-shadow:0 1px 0 rgba(14,26,43,.08)}
.lg-dark{display:none}
:focus-visible{outline:2px solid #B89B5E;outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ===== Tema scuro (classe "dark" sull'elemento html) ===== */
html.dark{color-scheme:dark}
html.dark body{background:#0A111C;color:#C5CDD8}
html.dark .bg-ivory{background-color:#0A111C}
html.dark .bg-ivory\/95{background-color:rgba(10,17,28,.95)}
html.dark .bg-white{background-color:#14223A}
html.dark .hover\:bg-white:hover,html.dark .focus\:bg-white:focus{background-color:#1B2D4B}
html.dark iframe.bg-white{background-color:#fff}
html.dark .text-night{color:#F2EEE5}
html.dark .text-ink{color:#C5CDD8}
html.dark .text-ink\/80{color:rgba(197,205,216,.88)}
html.dark .text-ink\/70{color:rgba(197,205,216,.78)}
html.dark .text-ink\/60{color:rgba(197,205,216,.68)}
html.dark .text-ink\/50{color:rgba(197,205,216,.6)}
html.dark .border-night\/10{border-color:rgba(255,255,255,.1)}
html.dark .border-night\/15{border-color:rgba(255,255,255,.16)}
html.dark .border-night\/20{border-color:rgba(255,255,255,.22)}
html.dark .text-red-700{color:#F87171}
html.dark .bg-goldsoft\/50{background-color:rgba(184,155,94,.18)}
html.dark .bg-gold,html.dark .bg-gold.text-night,html.dark .hover\:bg-goldsoft:hover{color:#0E1A2B}
html.dark a.bg-night,html.dark button.bg-night{background-color:#B89B5E;color:#0E1A2B}
html.dark a.bg-night:hover,html.dark button.bg-night:hover{background-color:#E9DFC6}
html.dark .card{box-shadow:0 1px 2px rgba(0,0,0,.45),0 12px 32px -16px rgba(0,0,0,.7)}
html.dark .hdr-shadow{box-shadow:0 1px 0 rgba(255,255,255,.08)}
html.dark .lg-light{display:none}
html.dark .lg-dark{display:block}