/* ===== MAIN CSS FILE ===== */
/* This file imports all CSS parts in the correct order */


/* 1 — Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap');

/* 2 — Base Styles */
@import './base/variables.css';  /* Design tokens: colors, spacing, typography */
@import './base/utilities.css';  /* Helper classes: flex, margins, paddings, text utilities */

/* 3 — Global Reusable Components */
@import './global.css';  /* ADDED: Global reusable form components, buttons, status messages */

/* 4 — Components (Reusable UI) */
@import './components/buttons.css';
@import './components/forms.css';
@import './components/badges.css';
@import './components/avatar.css';

/* 5 — Layouts (Page Structure) */
@import './layout/user_navbar.css';
@import './layout/user_footer.css';