/* argemiro-chat.pwa.css — Archivo principal que importa todos los módulos CSS */

/**
 * Este archivo actúa como punto de entrada principal para todos los estilos del agente Argemiro.
 * Los estilos están organizados en módulos según Clean Architecture y el protocolo de documentación indexada.
 * 
 * Orden de imports (crítico para especificidad CSS):
 * 0. Tokens CSS (debe ir primero para que las variables estén disponibles)
 * 1. Variables y base
 * 2. Reset
 * 3. Layout
 * 4. Composer
 * 5. Mensajes
 * 6. Componentes
 * 7. Animaciones
 * 8. Responsive (al final para sobrescribir)
 */

/* ===== 0. TOKENS CSS: Variables del Sistema de Diseño ===== */
@import url('./argemiro-tokens.css');

/* ===== 1. CORE: Variables y Base ===== */
@import url('./core/base.css');

/* ===== 2. CORE: Reset ===== */
@import url('./core/reset.css');

/* ===== 3. CORE: Layout ===== */
@import url('./core/layout.css');

/* ===== 4. COMPOSER: Contenedor y Pill ===== */
@import url('./composer/composer.css');

/* ===== 5. COMPOSER: Textarea ===== */
@import url('./composer/textarea.css');

/* ===== 6. COMPOSER: Botones ===== */
@import url('./composer/buttons.css');

/* ===== 7. MESSAGES: Burbujas Base ===== */
@import url('./messages/bubbles.css');

/* ===== 8. MESSAGES: Mensajes del Agente ===== */
@import url('./messages/agent-messages.css');

/* ===== 9. MESSAGES: Mensajes del Usuario ===== */
@import url('./messages/user-messages.css');

/* ===== 10. COMPONENTS: Scrollbar ===== */
@import url('./components/scrollbar.css');

/* ===== 11. COMPONENTS: Sugerencias ===== */
@import url('./components/suggestions.css');

/* ===== 12. COMPONENTS: Notificaciones ===== */
@import url('./components/notifications.css');

/* ===== 13. ANIMATIONS: Transiciones ===== */
@import url('./animations/transitions.css');

/* ===== 14. ANIMATIONS: Keyframes ===== */
@import url('./animations/keyframes.css');

/* ===== 15. RESPONSIVE: Tablet ===== */
@import url('./responsive/tablet.css');

/* ===== 16. RESPONSIVE: Mobile ===== */
@import url('./responsive/mobile.css');

/* ===== 17. RESPONSIVE: Desktop ===== */
@import url('./responsive/desktop.css');