/* Climate Global Website Styles
 * Modular CSS architecture with @import
 * For production, consider using a CSS bundler to combine these files
 */

/* Base styles */
@import url('base/variables.css?v=20260312a');
@import url('base/reset.css?v=20260312a');
@import url('base/typography.css?v=20260312a');
@import url('base/layout.css?v=20260312a');

/* Components */
@import url('components/navigation.css?v=20260312a');
@import url('components/buttons.css?v=20260312a');
@import url('components/cards.css?v=20260312a');
@import url('components/forms.css?v=20260312a');
@import url('components/modals.css?v=20260312a');

/* Page-specific styles */
@import url('pages/brand.css?v=20260312a');
@import url('pages/homepage.css?v=20260312a');
@import url('pages/about.css?v=20260312a');
@import url('pages/contact.css?v=20260312a');
@import url('pages/knowledge.css?v=20260312a');
@import url('pages/perils.css?v=20260417a');
@import url('pages/blog.css?v=20260312a');

/* Animations & enhancements */
@import url('base/animations.css?v=20260312a');

/* Responsive overrides (must be last) */
@import url('base/responsive.css?v=20260312a');