/**
 * LifeOS Design System - Main Entry Point
 * 
 * Import this single file to include the complete design system.
 * Files are imported in the correct order for proper cascading.
 * 
 * Order:
 *   1. tokens.css      - Design tokens (CSS custom properties)
 *   2. base.css        - CSS reset, typography, body defaults
 *   3. utilities.css   - Utility classes for rapid development
 *   4. themes.css      - Theme switching and module accent utilities
 *   5. components/*    - Component library
 * 
 * Usage:
 *   <link rel="stylesheet" href="/static/css/main.css">
 * 
 * Or import individual files for more control:
 *   <link rel="stylesheet" href="/static/css/tokens.css">
 *   <link rel="stylesheet" href="/static/css/base.css">
 */

/* Foundation */
@import url('tokens.css');
@import url('base.css');
@import url('utilities.css');
@import url('themes.css');

/* Components */
@import url('components/accessibility.css');
@import url('components/layout.css');
@import url('components/header.css');
@import url('components/modal.css');
@import url('components/settings-modal.css');
@import url('components/icons.css');
@import url('components/buttons.css');
@import url('components/inputs.css');
@import url('components/navigation.css');
@import url('components/cards.css');
@import url('components/data-display.css');
@import url('components/feedback.css');
@import url('components/rings.css');
@import url('components/charts.css');
@import url('components/insights.css');
@import url('components/animated-counters.css');