/* 1. Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
@import 'fonts.css'; /* Avenir Next font */

/* 2. Variables and Base */
@import 'variables.css';
@import 'base.css';

/* 3. Themes */
@import 'themes/light.css';
@import 'themes/dark.css';

/* 4. Layout */
/* Grid styles merged into widget_common.css for dashboard */
@import 'layout/sidebar.css';
@import 'layout/navbar.css';
@import 'layout/content.css';
@import 'layout/responsive.css';

/* 5. Components - Base */
@import 'components/typography.css';
@import 'components/icons.css';
@import 'components/buttons.css';
@import 'components/badges.css';
@import 'components/forms.css';
@import 'components/logo.css';
@import 'components/company-dropdown.css';
@import 'components/user-profile.css';
@import 'components/theme-toggle.css';
@import 'components/modal.css';

/* 5.1 Components - Widgets */
/* Widget CSS is now loaded specifically in dashboard.html template for better performance */

/* 6. Page-specific Styles */
@import 'company-settings.css';

/* 7. Utilities */
@import 'utilities/animations.css';
@import 'utilities/helpers.css';
@import 'utilities/scrollbar.css';