/*
 * Main CSS File
 * Imports all modular CSS files in the correct order
 */

/* Abstracts */
@import 'abstracts/variables.css';
@import 'abstracts/utilities.css';

/* Base */
@import 'base/reset.css';

/* Components */
@import 'components/buttons.css';
@import 'components/forms.css';
@import 'components/cards.css';

/* Layout */
@import 'layout/header.css';
@import 'layout/footer.css';
@import 'layout/responsive.css';
@import 'layout/body.css';


/* Theme */
@import 'themes/theme.css';

/*
 * Note: This is the main CSS file that imports all modular CSS files.
 * For each new component, add a corresponding import statement above.
 * The imports are ordered from least specific (variables, reset) to 
 * most specific (components, pages) to ensure proper cascade.
 */