/* ============================================================
   MAIN STYLESHEET - CSS ORGANIZATION
   Modern, organized CSS structure with design tokens
   ============================================================
   
   This file imports organized CSS modules:
   1. variables.css - Design tokens (colors, spacing, etc.)
   2. components.css - Reusable component styles (buttons, forms, badges, etc.)
   3. pages.css - Page layouts and specific view styling
   
   Benefits of organized CSS:
   - Separation of concerns (tokens, components, pages)
   - BEM naming convention for naming consistency
   - Easy to maintain and extend
   - Reusable component styles across the app
   - Responsive design patterns built-in
   - Performance optimized with logical grouping
   
   ============================================================ */

/* IMPORT CSS MODULES IN ORDER */
@import url('./variables.css');
@import url('./components.css');
@import url('./pages.css');