/* ===== Kalamatic Design System - Main Entry Point ===== */
/*
 * This file imports all CSS modules in the correct order.
 *
 * Load order:
 * 1. Tokens - Design tokens (colors, spacing, typography, etc.)
 * 2. Base - Reset and global styles
 * 3. Layouts - App structure and page layouts
 * 4. Components - Reusable UI components
 * 5. Utilities - Helper classes
 * 6. Page-specific styles (style.css)
 * 7. Feature modules (economy, duel)
 */

/* === 1. Design Tokens === */
@import 'tokens/_index.css';

/* === 2. Base Styles === */
@import 'base/reset.css';

/* === 3. Layout System === */
@import 'layouts/_index.css';

/* === 4. Components === */
@import 'components/_index.css';

/* === 5. Utility Classes === */
@import 'utilities/_index.css';

/*
 * Note: Page-specific styles (style.css) and feature modules
 * (economy.css, duel.css) are imported separately in HTML
 * to allow for feature-flagging and lazy loading.
 */