/* =========================================================
 * BASE — variabili, reset, tipografia, utility globali.
 * Caricato per primo su tutte le pagine (vedi inc/assets.php).
 * ========================================================= */

:root{
  --bg:#FAF7F2;
  --ink:#1A1A1A;
  --ink-2:#2c2c2c;
  --muted:#7a716a;
  --paper:#F0EADE;
  --accent:#A8442D;
  --pad-x: clamp(20px, 4vw, 64px);
  --container: 1400px;
}
*{box-sizing:border-box}

html{
  background: white !important;
}

html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);}
html{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;}
body{
  font-family:"Inter", system-ui, sans-serif;
  font-size:16px; font-weight:400; line-height:1.6;
  overflow-x:hidden;
}
::selection{ background:var(--ink); color:var(--bg);}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}

/* Utility tipografiche */
.micro{ font-family:"Inter", sans-serif; font-size:11px; font-weight:600; letter-spacing:0.18em; text-transform:uppercase;}
.eyebrow{ font-family:"Inter", sans-serif; font-size:11px; font-weight:600; letter-spacing:0.22em; text-transform:uppercase; color:var(--ink); }

/* Contenitore centrato standard */
.wrap{ width:100%; max-width:var(--container); margin:0 auto; padding-left:var(--pad-x); padding-right:var(--pad-x); }

/* Ancore: compensa l'altezza della nav fissa */
section[id]{ scroll-margin-top: 96px; }