/* src/styles/app.css */
@layer reset, tokens, base, layout, utilities, components;

/* --- Foundations --- */
@import "./_tokens.css" layer(tokens);
@import "./_base.css" layer(base);
@import "./layout.css" layer(layout);
@import "./_utilities.css" layer(utilities);

/* --- Components --- */
@import "./components/sidebar.css" layer(components);
@import "./components/topbar.css" layer(components);
@import "./components/bottombar.css" layer(components);
@import "./components/button.css" layer(components);
@import "./components/dropdown.css" layer(components);
@import "./components/metrics.css" layer(components);
@import "./components/card.css" layer(components);
@import "./components/modal.css" layer(components);
@import "./components/table.css" layer(components);
@import "./components/toast.css" layer(components);
@import "./components/form/field.css" layer(components);
@import "./components/form/form-card.css" layer(components);
@import "./components/form/progress-stepper.css" layer(components);
@import "./components/toggle-switch.css" layer(components);
@import "./components/dashboard/dashboard.css" layer(components);
@import "./components/dashboard/dashboard-goal-tracking.css" layer(components);
@import "./components/dashboard/insights-card.css" layer(components);
@import "./components/goal-dashboard/goal-dashboard.css" layer(components);
@import "./components/goal-dashboard/recall-progress.css" layer(components);
@import "./components/analytics/analytics-chart-card.css" layer(components);
@import "./components/campaigns/select-channel.css" layer(components);
@import "./components/message/message-frame.css" layer(components);
@import "./components/message/composer.css" layer(components);
@import "./components/message/message-preview.css" layer(components);
@import "./components/campaigns/template-library.css" layer(components);
@import "./components/template-frame/template-frame.css" layer(components);
@import "./components/email-builder.css" layer(components);
@import "./components/ai-results-ui.css" layer(components);
@import "./components/communication-hub/communication-nav.css" layer(components);
@import "./components/communication-hub/conversation-list-panel.css" layer(components);
@import "./components/communication-hub/conversation-panel.css" layer(components);
@import "./components/communication-hub/conversation-thread.css" layer(components);
@import "./components/communication-hub/conversation-replybar.css" layer(components);
@import "./components/message/composer/msg-variable.css" layer(components);
@import "./components/task-menu.css" layer(components);
@import "./components/communication-hub/conversation-thread.css" layer(components);
@import "./components/communication-hub/no-message-panel.css" layer(components);
/* Future: 
@import "./components/bottombar.css" layer(components);
@import "./components/input.css" layer(components);
@import "./components/modal.css" layer(components);
@import "./components/card.css" layer(components);
*/