/* Base común de pulido (octubre 2026). Una capa de CSS cargada DESPUÉS de la de cada app:
   no cambia colores ni estructura; se revierte borrando la línea que la enlaza.
   Cada layout define --app-accent con el color propio de su app. */
:root{
  --radio-control:8px;
  --radio-tarjeta:12px;
  --borde-comun:1px solid rgba(15,23,42,.12);
  --sombra-suave:0 1px 2px rgba(15,23,42,.05),0 1px 1px rgba(15,23,42,.03);
  --fondo-pagina:#f8f9fa;
  --texto-pequeno:13px;
  --texto-base:15px;
  --espacio:8px;
}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--app-accent,#4f46e5);
  outline-offset:2px;
}
@media (max-width:640px){
  :where(button,.btn,[type=submit],[type=button],select):not(.btn-xs):not(.btn-sm):not(.btn-circle){min-height:44px}
  :where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px}
}