/* ===== MAIN STYLESHEET ===== */
/* This file imports all CSS modules for the CAM web application */

/* Import order is important - base styles first, then components, then responsive */

/* Core styles */
@import url('./base.css');

/* Layout and navigation */
@import url('./navigation.css');

/* UI components */
@import url('./buttons.css');
@import url('./forms.css');
@import url('./tables.css');
@import url('./cards.css');
@import url('./components.css');

/* Responsive design - imported last to override other styles */
@import url('./responsive.css');

/* 
 * File Organization:
 * 
 * base.css        - Typography, layout fundamentals, CSS variables
 * navigation.css  - Header, navbar, user dropdown
 * buttons.css     - All button variations and states  
 * forms.css       - Form inputs, validation, layouts
 * tables.css      - Table styling, sortable headers, plates tables
 * cards.css       - Control cards, barrier cards, card layouts
 * components.css  - Occupancy bar, toasts, status indicators
 * responsive.css  - Media queries and responsive adjustments
 */