/* ══════════════════════════════════════════════════════════════════
   APP.OSCORP.INK · BASE
   Reset + tipografía global + scrollbar. Carga después de brand.css
   y tokens.css en cada página.
   ══════════════════════════════════════════════════════════════════ */

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body { height: 100%; background: var(--bg); }

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: var(--fs-body);
  line-height: var(--lh-normal);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'tnum' 1, 'cv11' 1; /* números tabulares — clave en tablas con precios */
}

img, svg { display: block; max-width: 100%; }

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

button { cursor: pointer; background: none; border: none; }
button:disabled { cursor: not-allowed; }

a { color: inherit; text-decoration: none; }

ul, ol { list-style: none; }

/* Selección de texto con el acento del negocio, no el azul default del navegador */
::selection { background: color-mix(in srgb, var(--acc) 45%, transparent); color: var(--ink); }

/* Scrollbar discreta — visible solo lo necesario, sin flechas de Windows 98 */
* { scrollbar-width: thin; scrollbar-color: var(--border-strong) transparent; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: var(--r-full);
  border: 2.5px solid var(--bg);
  background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover { background: rgba(24, 24, 27, 0.28); background-clip: padding-box; }

/* Foco por teclado visible SIEMPRE (panel de escritorio → se navega mucho
   con teclado), pero solo el anillo del acento, sin el outline azul feo */
:focus { outline: none; }
:focus-visible {
  outline: none;
  box-shadow: var(--shadow-focus);
}

/* Utilidad mínima — evitar que "solo esta vez" se vuelva una clase por página */
.u-sr-only {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}