/* Main CSS - Arquitetura Moderna */

/* CSS Layers para controle de especificidade */
@layer reset, tokens, themes, layout, components, pages, modal-overrides, utilities;

/* ===== 01 - FOUNDATIONS ===== */
@import '01-foundations/tokens.css' layer(tokens);

/* ===== 02 - THEMES ===== */
/* Será implementado nas próximas fases */

/* ===== 03 - LAYOUT ===== */
@import '03-layout/base.css' layer(layout);

/* ===== 04 - COMPONENTS ===== */
@import '04-components/sidebar/sidebar.css' layer(components);
@import '04-components/dashboard/dashboard.css' layer(components);
@import '04-components/dashboard/dashboard-filters.css' layer(components);
@import '04-components/dashboard/onboardingGuide.css' layer(components);
@import '04-components/dashboard/onboardingValidation.css' layer(components);
@import '04-components/dashboard/welcomeModal.css' layer(components);
@import '04-components/brevo-conversations.css' layer(components);
@import '../css/components/form.css' layer(components);

/* ===== 05 - PAGES ===== */
/* Importar páginas existentes por enquanto */
/* Dashboard completamente migrado para componentes - CSS antigo removido */
@import '../css/pages/trade_log.css' layer(pages);
@import '../css/pages/settings.css' layer(pages);
@import '../css/pages/login.css' layer(pages);
@import '../css/pages/confirm_email.css' layer(pages);
@import '../css/pages/profile.css' layer(pages);
@import '../css/pages/playbook.css' layer(pages);
@import '../css/pages/import.css' layer(pages);
@import '../css/pages/billing/plans.css' layer(pages);
@import '../css/partners.css' layer(pages);

/* ===== HEADER - CARREGADO DEPOIS DAS PÁGINAS ===== */
@import '04-components/header/header.css' layer(components);

/* ===== MODAL OVERRIDES - MAIOR PRIORIDADE ===== */
@import '../css/components/modal.css' layer(modal-overrides);

/* ===== 06 - UTILITIES ===== */
/* Será implementado nas próximas fases */

/* ===== LEGACY OVERRIDES ===== */
/* CSS antigo removido - usando apenas nova estrutura */