/* ─────────────────────────────────────────────
   VARIABLES + BASE
──────────────────────────────────────────────*/
:root {
  --bg:#ffffff;
  --text:#2b2b2b;   /* grigio scuro */
  --muted:#6b7280;
  --brand:#111827;
  --accent:#c8b9a6;
  --white:#fafafa;

  --btn-primary:#7d0f0f;
  --btn-primary-text:#ffffff;

  --border:#e5e5e5;
  --modal-bg:rgba(15,23,42,.65);
}

*{box-sizing:border-box;}

html,body{
  margin:0;
  padding:0;
  background:var(--bg);
  color:var(--text);
  width: 100%;
  overflow-x: hidden; /* Previene scroll orizzontale */
}

body{
  font-family:"Noto Serif Display", serif;
}

img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}

/* Gestione testi */
p, li, a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* I titoli NON devono spezzare le parole a metà */
h1, h2, h3, h4, h5, h6 {
  overflow-wrap: normal;
  word-break: normal;
  color:#2b2b2b;        /* grigio scuro elegante */
  font-weight:400;     /* opzionale: più raffinato */
}