//
// Main stylesheet.
//
// Order matters: the variable overrides must come before Bootstrap, and every
// portal partial relies on Bootstrap's breakpoint mixins, so they come after.
//

// 1. Bootstrap variable overrides + portal design tokens
@import 'variables';

// 2. Brand faces (Suisse Intl / Suisse Works)
@import 'fonts';

// 3. Bootstrap 5 (full library, vanilla)
@import 'bootstrap/scss/bootstrap';

// 4. Element resets
@import 'custom';

// 5. Layout chrome
@import 'layout/layout';
@import 'layout/topbar';
@import 'layout/brandbar';
@import 'layout/sidebar';
@import 'layout/mobile-menu';

// 6. Shared building blocks
@import 'shared/panel';
@import 'shared/page-header';
@import 'shared/avatar';
@import 'shared/profile-card';
@import 'shared/forms';
@import 'shared/image-picker';
@import 'shared/toasts';

// 7. Pages
@import 'pages/login';
@import 'pages/profile-details';
@import 'pages/photos-videos';
@import 'pages/upcoming-events';
@import 'pages/event-assets';
@import 'pages/partnering-app';
@import 'pages/receipts-invoices';
@import 'pages/settings';