/**
 * STELLARVIEW - CREATIVE DESIGN SYSTEM
 * Main stylesheet - imports all modular CSS files
 * 
 * Architecture:
 * - base/: Core styles (variables, reset)
 * - layout/: Layout systems (grid, responsive)
 * - components/: UI components (buttons, navbar, modal, etc.)
 * - utilities/: Helper classes (animations, effects)
 * 
 * NOTE: responsive.css MUST be last so media query overrides
 * always win over component base styles.
 */

/* Base Styles */
@import url('base/variables.css');
@import url('base/reset.css');

/* Layout Systems */
@import url('layout/grid.css');

/* Components */
@import url('components/buttons.css');
@import url('components/navbar.css');
@import url('components/hero.css');
@import url('components/product-showcase.css');
@import url('components/feature-navigator.css');
@import url('components/features.css');
@import url('components/teaser-overlay.css');
@import url('components/cta.css');
@import url('components/trusted-brands.css');
@import url('components/faq.css');
@import url('components/modal.css');
@import url('components/footer.css');
@import url('components/ticker.css');
@import url('components/industry-reports.css');

/* Utilities */
@import url('utilities/animations.css');
@import url('utilities/card-corners.css');
@import url('utilities/fade-animations.css');
@import url('utilities/noise-texture.css');

/* Responsive overrides — MUST be last to win the cascade */
@import url('layout/responsive.css');