/* ============================================================
   HIPER Design System — base.css
   Single source of truth: design tokens + global reset.
   Load this on EVERY page. Page-specific layouts live in
   home.css / sector.css / showcase.css.
   ============================================================ */

:root{
  --ink:#101311;        /* nero inchiostro    */
  --ink-soft:#252b26;
  --ivory:#f4f0e8;      /* avorio ecru        */
  --ivory-2:#ece6da;
  --paper:#faf7f1;
  --terracotta:#b45a3f; /* argilla (accento)  */
  --terracotta-2:#c97b5d;
  --olive:#4c5a45;      /* verde sostenibilita*/
  --olive-2:#6d7f63;
  --brass:#b08d57;      /* ottone (brevetti)  */
  --line:#d8d0c0;
  --muted:#6c6a62;
}

/* ---------- Reset ---------- */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px;}
img,svg{max-width:100%;display:block;}