/* Global styles for RappoDEV Tools Suite
 * This is the main CSS file that imports all other CSS files.
 * The import order matters:
 * 1. Variables (design tokens)
 * 2. Base styles (resets, typography)
 * 3. Components (UI elements)
 * 4. Responsive utilities
 * 5. Themes (color schemes)
 */

/* Import CSS Variables first */
@import 'variables.css';

/* Import Base styles */
@import 'base.css';

/* Import Form element styles - needed on all pages */
@import 'forms.css';

/* Import Component styles */
@import 'components.css';

/* Import Responsive utilities for all tools */
@import 'responsive-tools.css';

/* Import Theme styles */
@import 'themes.css';

/* Import Main page specific styles (only needed on the homepage) */
@import 'main-page.css';