/* ==========================================================================
   Main Stylesheet
   ========================================================================== */

/*
 * This file acts as the main entry point for all CSS.
 * It imports the design system's base files, layout styles, and then
 * component-specific styles.
 *
 * Order of imports is crucial for the cascade:
 * 1. Base: Variables, global styles, resets, and utilities.
 * 2. Layout: Major application layout structure (e.g., sidebar, grid).
 * 3. Components: Specific UI element styles.
 */

/* 1. Base */
@import url('base/_variables.css');
@import url('base/_base.css');
@import url('base/_semantic.css');
@import url('base/_utilities.css');

/* 2. Layout */
@import url('layout/_layout.css');

/* 3. Components */
@import url('components/_account.css');
@import url('components/_admin_dashboard.css');
@import url('components/_admin_panel.css');
@import url('components/_auth.css');
@import url('components/_buttons.css');
@import url('components/_cookie_banner.css');
@import url('components/_forms.css');
@import url('components/_info-box.css');
@import url('components/_in_trade_display.css');
@import url('components/_insight_card.css');
@import url('components/_latest_results_panel.css');
@import url('components/_legal.css');
@import url('components/_order_card.css');
@import url('components/_position_card.css');
@import url('components/_pricing.css');
@import url('components/_proximity_info.css');
@import url('components/_reminders.css');
@import url('components/_signals.css');
@import url('components/_sidebar.css');
@import url('components/_statistic_card.css');
@import url('components/_symbol_overview_card.css');
@import url('components/_trade_card.css');
@import url('components/_price_range_bar.css');
@import url('components/_upsell.css');
@import url('components/_user-level.css');

/* 4. Responsive */
@import url('base/_responsive.css');