/* ============================================================================
   RESIGNAL DASHBOARD - MAIN STYLESHEET
   ============================================================================

   Este arquivo importa todos os módulos CSS na ordem correta de dependências.

   Estrutura:
   1. base/*           - Design Tokens, Reset, Typography, Animations
   2. components/*     - Sistema de componentes modulares (sidebar inclui layout)
   3. pages/*          - Estilos específicos de páginas

   ============================================================================ */

/* Base & Foundation */
@import url('./base/tokens.css');
@import url('./base/globals.css');

/* Component Systems (Modular & Composable) */
@import url('./components/button.css');
@import url('./components/input.css');
@import url('./components/card.css');
@import url('./components/badge.css');
@import url('./components/avatar.css');
@import url('./components/dropdown.css');
@import url('./components/tooltip.css');
@import url('./components/skeleton.css');
@import url('./components/tabs.css');
@import url('./components/accordion.css');
@import url('./components/modal.css');
@import url('./components/toast.css');
@import url('./components/sidebar.css');
@import url('./components/markdown.css');
@import url('./components/charts.css');

/* Utilities */
@import url('./utilities/layout.css');
@import url('./utilities/spacing.css');
@import url('./utilities/text.css');
@import url('./utilities/effects.css');

/* Pages */
@import url('./pages/library.css');
@import url('./pages/content-room.css');
@import url('./pages/article.css');
@import url('./pages/collection-detail.css');
@import url('./pages/youtube.css');
@import url('./pages/twitter.css');
@import url('./pages/chat.css');
@import url('./pages/feed.css');
@import url('./pages/collections.css');