/* 
 * HFramework Base Styles (hf-base.css)
 * Defines the structural behavior of components.
 * NO colors or specific dimensions here (use variables).
 * use primary varible not Specific variable like component name
 */

/* Indexing */
@import 'css/components/grid.css';
@import 'css/components/forms.css';
@import 'css/components/inputs.css';
@import 'css/components/buttons.css';
@import 'css/components/navbar.css';
@import 'css/components/card.css';
@import 'css/components/search-filter.css';
@import 'css/components/badge.css';
@import 'css/components/alert.css';
@import 'css/components/modal.css';
@import 'css/components/spinner.css';
@import 'css/components/datepicker.css';
@import 'css/components/dropdown.css';
@import 'css/components/topbar.css';
@import 'css/components/breadcrumb.css';
@import 'css/components/filedropzone.css';
@import 'css/components/tabs.css';
@import 'css/components/validationlog.css';
@import 'css/components/dialog.css';
@import 'css/components/cards.css';

/* Utility classes (loaded last to ensure they override component defaults) */
@import 'css/hframework-utilities.css';