/*
 * Main CSS Entry Point
 *
 * Note: Bootstrap is loaded separately in the HTML.
 * These custom styles are loaded after Bootstrap to override where needed.
 * !important is used in some places to override Bootstrap specificity.
 */

/* Base layer - design tokens and typography */
@import url('variables.css');
@import url('typography.css');
@import url('spacing.css');

/* Components layer */
@import url('buttons.css');
@import url('forms.css');
@import url('navigation.css');
@import url('cards.css');
@import url('dashboard.css');
@import url('bewakingen.css');
@import url('tables.css');
@import url('badges.css');
@import url('calendar.css');
@import url('event-detail.css');
@import url('checklist.css');
@import url('frontpage.css');
@import url('footer.css');
@import url('lists.css');
@import url('toast.css');

/* Utilities layer - highest priority */
@import url('utilities.css');
@import url('responsive.css');