/**
 * Base Layer CSS - Consolidated Import
 * Imports all base layer components in the correct order
 */

/* 1. CSS Variables and Design Tokens - Must be first */
@import './variables.css';

/* 2. Browser Reset and Normalization */
@import './reset.css';

/* 3. Typography System */
@import './typography.css';

/* 4. Layout Foundation */
@import './layout.css';

/**
 * Base layer is now complete and provides:
 * 
 * 1. CSS Variables and Design Tokens
 *    - Brand colors and system colors
 *    - Spacing scale and typography scale
 *    - Component-specific variables
 *    - Dark mode and accessibility support
 * 
 * 2. Browser Reset and Normalization
 *    - Universal box-sizing reset
 *    - Margin and padding reset
 *    - Focus and accessibility styles
 *    - Print and reduced motion support
 * 
 * 3. Typography System
 *    - Consistent heading hierarchy
 *    - Text utilities and color classes
 *    - Responsive typography
 *    - Link and code styles
 * 
 * 4. Layout Foundation
 *    - Container system
 *    - Grid and flexbox utilities
 *    - Spacing utilities
 *    - Responsive breakpoints
 *    - App layout components
 */