/*
  Ferronato — Design Tokens
  Fonte da verdade: ferronato-board-conceito.html (Fase 01, aprovado).
  Não alterar sem aprovação explícita do cliente (Regra 4 do PROJETO.md).
*/

:root{
  /* Paleta */
  --basalto:#14110E;
  --tinta:#241F19;
  --concreto:#6F6960;
  --concreto-claro:#A79E92;
  --areia:#E4D9C8;
  --linho:#F6F1E8;
  --papel:#FBF8F2;
  --latao:#B98F4E;
  --latao-claro:#D9B87A;
  --nogueira:#6E4526;
  --ferro:#1E4655;

  /* Tipografia */
  --serif:"Bodoni Moda",Georgia,serif;
  --sans:"Instrument Sans",-apple-system,Segoe UI,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;

  /* Layout */
  --gut:clamp(20px,5vw,64px);
  --linha:1px solid rgba(20,17,14,.13);

  /* Escala de display (Bodoni) */
  --d1:clamp(44px,10.5vw,124px);
  --d2:clamp(32px,6vw,68px);
  --d3:clamp(24px,3.4vw,40px);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--linho);
  color:var(--tinta);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto}
}