/* ============================================================
   base.css — Reset y utilidades comunes (no son tokens).
   Portado de prototipo/project/styles.css, la parte que no es
   :root. Se carga siempre junto a tokens.css.
   ============================================================ */
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: var(--paper); color: var(--ink);
  font-family: var(--font-ui); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
::selection { background: var(--accent-soft); }

.num { font-family: var(--font-mono); font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; letter-spacing: -0.02em; }
.pos { color: var(--pos); }
.neg { color: var(--neg); }
button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
input { font-family: inherit; }

*::-webkit-scrollbar { width: 12px; height: 12px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: var(--line-strong); border-radius: 99px; border: 3px solid var(--paper); }
*::-webkit-scrollbar-thumb:hover { background: var(--ink-4); }

@keyframes fadeUp { from { opacity: 0; transform: translateY(7px);} to { opacity:1; transform: none; } }