/* =========================================
   SulamProject Base Styles
   ========================================= 
   Single entry point for all CSS.
   @import statements MUST come first, before any other CSS rules.
   ========================================= */

/* Import all component stylesheets */
@import 'typography.css';
@import 'links.css';
@import 'buttons.css';
@import 'badges.css';
@import 'forms.css?v=2';
@import 'tables.css';
@import 'icons.css';
@import 'cards.css';
@import 'notices.css';
@import 'toasts.css';
@import 'layout.css';
@import 'footer.css';
@import 'responsive.css';

/* Reset & Base Styles */
* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  background: var(--bg);
  color: var(--text-primary);
}

body {
  display: flex;
  flex-direction: column;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
}

