/* Design System — base (reset + defaults de elemento). Sem utilitários soltos. */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; }
body{
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-ui);
  font-size: 1rem; /* a base é a do navegador (16px por padrão) — px fixo ignorava a preferência do usuário */
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
h1, h2, h3, p { margin: 0; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; }

/* Scrollbar discreta — padrão único do app (design de Partes de Produto). Cobre toda superfície
   rolável: página, board, dossiê, canvas, modais, textarea/input e Trix. Sharp (sem raio). O thumb
   é afinado por um border transparente + background-clip (traço fino com respiro nas bordas) e
   escurece no hover — mais minimalista que um bloco cheio. */
* { scrollbar-width: thin; scrollbar-color: var(--line-2) transparent; } /* Firefox */
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--line-2); border: 3px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background: var(--ink-3); background-clip: padding-box; }
::-webkit-scrollbar-corner { background: transparent; }