/* 
  This is the main entry point for all stylesheets.
  It imports partials in a specific order to ensure
  the CSS cascade works as intended.
  1. Base: Variables and global resets.
  2. Components: Reusable elements like buttons, cards, and modals.
  3. Pages: Styles specific to a major section of the application.
*/

@import url('base/_variables.css');
@import url('base/_base.css');

@import url('components/_buttons.css');
@import url('components/_cards.css');
@import url('components/_header.css');
@import url('components/_footer.css');
@import url('components/_modals.css');
@import url('components/_skeletons.css');
@import url('components/_table.css');
@import url('components/_datetimepicker.css');
@import url('components/_badges.css');
@import url('components/_productcard.css');
@import url('components/_memberlist.css');
@import url('components/_glasstabs.css');
@import url('components/_popover.css');
@import url('components/_cropper.css');
@import url('components/_socials.css');
@import url('components/_faq.css');
@import url('components/_forms.css');
@import url('components/_dropdown_menu.css');
@import url('components/_emptystate.css');
@import url('components/_notices.css');
@import url('components/_calendar.css');

@import url('pages/_splash.css');
@import url('pages/_student.css');
@import url('pages/_manager.css');
@import url('pages/_productions.css');
@import url('pages/_cart.css');
@import url('pages/_edit-bays.css');

/* THIS MUST BE LAST */
@import url('base/_responsive.css');