*,*::before,*::after { box-sizing:border-box; margin:0; padding:0 }
@view-transition { navigation:auto }
html {
  scroll-behavior:smooth; font-size:16px;
  scrollbar-width:thin;
  scrollbar-color:var(--gray2) var(--off);
}
html::-webkit-scrollbar { width:8px }
html::-webkit-scrollbar-track { background:var(--off) }
html::-webkit-scrollbar-thumb { background:var(--gray2); border-radius:10px; border:2px solid var(--off) }
body {
  background:var(--off);
  color:var(--ink);
  font-family:var(--fs);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}

/* Highlight de seleção — tom quente alinhado à identidade */
::selection { background:rgba(160,100,65,.18) }

img { display:block; max-width:100% }
a { text-decoration:none; color:inherit }
button { border:none; background:none; font:inherit }
:focus-visible { outline:2px solid var(--ink); outline-offset:3px; border-radius:2px }

.skip-link {
  position:fixed; top:10px; left:12px; z-index:1000;
  padding:10px 14px; border-radius:4px;
  background:var(--ink); color:#fff;
  font-family:var(--fm); font-size:11px; letter-spacing:.08em;
  transform:translateY(-160%);
  transition:transform .2s var(--ease);
}
.skip-link:focus { transform:translateY(0) }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto }
  .skip-link { transition:none }
  ::view-transition-group(*) { animation-duration:0s }
}