/* ========================================
   FINTRACK STYLES
   Production CSS Architecture
   ======================================== */

/* Core - Foundation styles */
@import url('css/core/base.css');
@import url('css/core/tokens.css');
@import url('css/core/utilities.css');

/* Themes - Color schemes */
@import url('css/themes/dark.css');
@import url('css/themes/light.css');

/* Layout - Page structure */
@import url('css/layout/header.css');
@import url('css/layout/footer.css');
@import url('css/layout/grid.css');

/* Components - Reusable UI elements */
@import url('css/components/buttons.css');
@import url('css/components/forms.css');
@import url('css/components/tables.css');
@import url('css/components/cards.css');
@import url('css/components/badges.css');
@import url('css/components/modals.css');
@import url('css/components/flash.css');
@import url('css/components/navigation.css');
@import url('css/components/charts.css');

/* Responsive - Media queries */
@import url('css/responsive/mobile.css');
@import url('css/responsive/compact.css');
@import url('css/responsive/tablet.css');
@import url('css/responsive/desktop.css');