/* ==========================================================================
   main.css
   Main stylesheet - imports all other CSS files.
   ========================================================================== */

/* Base Styles */
@import "base/_reset.css";
@import "base/_variables.css";
@import "base/_global.css";
@import "base/_typography.css";

/* Layout Styles */
@import "layout/_layout.css";

/* Utility Classes */
@import "utils/_utilities.css";

/* Component Styles */
@import "components/_buttons.css";
@import "components/_header.css";
@import "components/_footer.css";
@import "components/_callouts.css";
@import "components/_banners.css";
@import "components/_countdown-timer.css";
@import "components/_forms.css";
@import "components/_cards.css";

/* Page-Specific Styles (use sparingly) */
@import "pages/_home.css";
@import "pages/_strategy-guide-reader.css";
@import "pages/_system-page.css";
@import "pages/_toolkit-page.css";
@import "pages/demo.css";
@import "pages/_where-work-is-headed.css"; /* Styles for the HUB page */
@import "pages/_insight-article.css";   /* NEW: Styles for individual insight articles */