/* ============================================================================
 *  MAIN STYLESHEET
 *
 *  Master import file - loads all CSS modules in correct order
 *  ============================================================================ */

/* 1. BASE - Variables, reset, typography */
@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/typography.css';

/* 2. LAYOUT - Structural components */
@import 'layout/header.css';
@import 'layout/footer.css';
@import 'layout/grid.css';

/* 3. COMPONENTS - Component specific style */
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/tabs.css';
@import 'components/forms.css';
@import 'components/code-display.css';
@import 'components/alerts.css';
@import 'components/welcome.css';

/* 4. Utilities - Optional style*/
@import 'utilities/dark-mode.css';