/**
 * Main CSS Entry Point
 * 
 * This file imports all CSS modules in the correct order.
 * 
 * Import Order:
 * 1. Base (variables, reset, typography) - Foundational styles
 * 2. Layouts - Page-level structure
 * 3. Components - Reusable UI elements
 * 4. Device-specific - Responsive overrides
 * 
 * For production, this file can be processed by webpack/postcss to:
 * - Bundle all imports into a single file
 * - Add vendor prefixes
 * - Minify output
 */

/* =============================================================================
   BASE STYLES
   ============================================================================= */

@import url('./base/variables.css');
@import url('./base/reset.css');
@import url('./base/typography.css');

/* =============================================================================
   LAYOUT STYLES
   ============================================================================= */

@import url('./layouts/landing.css');
@import url('./layouts/waiting-page.css');
@import url('./layouts/video-page.css');

/* =============================================================================
   COMPONENT STYLES
   ============================================================================= */

@import url('./components/buttons.css');
@import url('./components/modals.css');
@import url('./components/toolbar.css');
@import url('./components/chat-pane.css');
@import url('./components/dial-pad.css');
@import url('./components/video-room.css');
@import url('./toolbar-fixes.css');

/* =============================================================================
   DEVICE-SPECIFIC STYLES
   ============================================================================= */

@import url('./device/phone.css');
@import url('./device/tablet.css');
@import url('./device/desktop.css');

/* =============================================================================
   iOS KEYBOARD STYLES - LOADED LAST FOR HIGHEST PRIORITY
   ============================================================================= */

@import url('./device/keyboard-ios.css');

/* =============================================================================
   END OF IMPORTS
   ============================================================================= */