/* Punto de entrada (CSS)
   Proposito:
   - Este es el UNICO stylesheet que la mayoria de vistas EJS cargan: <link rel="stylesheet" href="/css/app.css">.
   - Compone el CSS real desde archivos mas pequenos en /public/css/app/ via @import.

   Como agregar estilos:
   - Agrega en un modulo existente bajo /css/app/{base,layout,pages,components}/.
   - Mantener los imports de "components" al final, porque unifican clases antiguas/variantes.

   Notas:
   - No hay build: @import debe seguir funcionando en navegadores modernos.
   - El orden importa (lo ultimo puede sobreescribir lo primero).
*/

/* Base + layout + scopes por pagina */
@import url('/css/app/base/tokens.css');
@import url('/css/app/base/global.css');
@import url('/css/app/layout/nav.css');
@import url('/css/app/layout/admin.css');
@import url('/css/app/pages/admin-a.css');
@import url('/css/app/pages/misc.css');
@import url('/css/app/pages/admin-b.css');
@import url('/css/app/pages/auth.css');
@import url('/css/app/pages/user.css');
@import url('/css/app/utilities.css');
@import url('/css/app/pages/checkout.css');
@import url('/css/app/pages/admin-dashboard.css');

/* Componentes compartidos
   Se dejan al final para preservar el comportamiento de override (capa de compatibilidad).
   Si un estilo de una pagina se esta sobreescribiendo, revisa primero estos archivos.
*/
@import url('/css/app/components/cards.css');
@import url('/css/app/components/inputs.css');
@import url('/css/app/components/tables-admin.css');
@import url('/css/app/components/alerts.css');
@import url('/css/app/components/buttons.css');
@import url('/css/app/components/theme-toggle.css');