/* Variables - Load first for use throughout */
@import 'variables/colours.css';
@import 'variables/fonts.css';
@import 'variables/geometry.css';

/* Base Styles - Reset and foundational elements */
@import 'base/reset.css';

/* Animations - Motion and transitions */
@import 'animations/component_animations.css';
@import 'animations/text_animations.css';

/* Components - Reusable UI elements */
@import 'components/badges.css';
@import 'components/banners.css';
@import 'components/breadcrumbs.css';
@import 'components/buttons.css';
@import 'components/chips.css';
@import 'components/divider.css';
@import 'components/expander.css';

@import 'components/forms.css';
@import 'components/modals.css';
@import 'components/pagination.css';
@import 'components/segmented_buttons.css';
@import 'components/tables.css';

/* Layout - Page structure and containers */
@import 'layout/cards.css';
@import 'layout/containers.css';
@import 'layout/footer.css';
@import 'layout/header.css';
@import 'layout/hero.css';

@import 'layout/sidebar.css';
@import 'layout/spacing.css';
@import 'layout/tabs.css';
@import 'layout/views.css';

/* Typography - Text styling and hierarchy */
@import 'typography/text.css';