/* Tapin — hoja raíz del design system.
 * Sin build: esto se sirve tal cual desde el mismo contenedor que la app.
 */
@import url("./tokens/colors.css");
@import url("./tokens/typography.css");
@import url("./tokens/spacing.css");
@import url("./tokens/motion.css");

* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--texto); font-family: var(--font-texto); font-size: var(--txt-md); line-height: var(--lh-texto); -webkit-font-smoothing: antialiased; }
:focus-visible { outline: none; box-shadow: var(--foco); border-radius: var(--r-sm); }