/* ============================================
   BigFood Design System
   ============================================

   Modern modular CSS architecture for BigFood SaaS

   Color Palette: Verde/Naturale (Forest Green)
   Fonts: DM Sans (headings), Inter (body)

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

/* ========================================
   BASE - Variables & Typography Reset
   ======================================== */
@import url('base/_variables.css');
@import url('base/_reset.css');

/* ========================================
   COMPONENTS - UI Building Blocks
   ======================================== */
@import url('components/_buttons.css');
@import url('components/_cards.css');
@import url('components/_forms.css');
@import url('components/_badges.css');
@import url('components/_tables.css');
@import url('components/_alerts.css');
@import url('components/_dialog.css');
@import url('components/_skeletons.css');

/* ========================================
   LAYOUT - Page Structure
   ======================================== */
@import url('layout/_sidebar.css');
@import url('layout/_navbar.css');
@import url('layout/_footer.css');

/* ========================================
   PAGES - Page-Specific Styles
   ======================================== */
@import url('pages/_dashboard.css');
@import url('pages/_auth.css');

/* ========================================
   UTILITIES - Animations, Dark Mode, Responsive
   ======================================== */
@import url('utilities/_animations.css');
@import url('utilities/_dark-mode.css');
@import url('utilities/_responsive.css');