/* ============================================
   MAIN.CSS - Master Stylesheet Imports
   ModuSafe Website - Modular CSS Architecture
   ============================================ */

/* Import order is important - base styles first, then components */

/* 1. Base Styles & Variables */
@import url('base.css');

/* 2. Layout Components */
@import url('navigation.css');
@import url('hero.css');
@import url('footer.css');

/* 3. Feature Components */
@import url('cards.css');
@import url('forms.css');
@import url('modal.css');

/* 4. Content Sections */
@import url('blog.css');
@import url('news.css');

/* 5. Responsive Overrides - Keep last */
@import url('responsive.css');

/* ============================================
   Quick Reference:
   
   base.css - CSS variables, reset, global styles
   navigation.css - Floating nav, breadcrumbs
   hero.css - Hero sections (homepage & feature pages)
   cards.css - Feature cards, team cards, grid layouts
   forms.css - Forms, inputs, buttons
   blog.css - Blog list, blog posts, TOC, sidebar
   news.css - News section, news cards
   modal.css - Modal overlays, popups
   footer.css - Footer styles
   responsive.css - Mobile & tablet overrides
   ============================================ */