/* ========================================
   :root / Variabili globali
   ======================================== */
    @import url("home.css");
    @import url("hero.css");
    @import url("locale.css");
    @import url("special.css");
    @import url("booking.css");
    @import url("info.css");
   
:root{
  --curry:#A6281D;
  --spice:#C6A664;
  --cream:#FAF7F2;
  --ink:#1E1E1E;
  --muted:#8F8F8F;
  --line:#E7E2D9;
  --bg:#F4F1EB;
  --radius:12px;
  --radius-lg:18px;
  --shadow:0 4px 18px rgba(0,0,0,.08);
  --gap:16px;
  --font-base:1rem;
  --font-lg:1.35rem;
  --font-sm:.9rem;
}

/* Reset base */
* { box-sizing:border-box; margin:0; padding:0; }

body {
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.5;
}

/* =======================================
   Main
   ======================================= */  


/* =======================================
   Responsive Grid Adjustments
   ======================================= */
@media (max-width:980px){
  .two-col, .booking, .info-map{grid-template-columns:1fr;}
  .special-row{grid-template-columns:repeat(2,1fr);}
  .grid{grid-template-columns:1fr;}
}

@media (max-width:560px){
  .special-row{grid-template-columns:1fr;}
  .hero-title h1{font-size:clamp(24px,6vw,36px);}
  .hero-title p{font-size:.9rem;}
}

/* Focus / accessibility enhancements (opzionali) */
a:focus-visible, button:focus-visible {
  outline: 3px solid rgba(166,116,58,.4);
  outline-offset: 2px;
  border-radius: 6px;
}