/* ═══════════════════════════════════════════════════════════════════
   LivePads — CSS entry point.

   Order matters: base sets variables and resets that every subsequent
   module depends on; responsive must come last so its media-query
   overrides win over any base rule.
   ═══════════════════════════════════════════════════════════════════ */

@import url('./modules/_base.css');
@import url('./modules/_layout.css');
@import url('./modules/_sidebar.css');
@import url('./modules/_setlist.css');
@import url('./modules/_metronome.css');
@import url('./modules/_trackplayer.css');
@import url('./modules/_modals.css');
@import url('./modules/_stems.css');
@import url('./modules/_piano.css');
@import url('./modules/_pianoroll.css');
@import url('./modules/_auth.css');
@import url('./modules/_preloader.css');
@import url('./modules/_utilities.css');
@import url('./modules/_motion.css');
/* Capa estilo Linear (esquinas ≤8px, glow sutil, densidad, estados disabled).
   Antes de _responsive para que el layout responsive siga ganando. Los tokens
   de radio (--r-lg/--r-md) están alineados con _base.css — si cambias uno,
   cambia el otro: la guía de diseño vive en linear.app-DESIGN.md. */
@import url('./modules/_linear.css');
@import url('./modules/_responsive.css');