/* ======================================================
   APP.CSS — GLOBAL STYLES ONLY
   Loaded on every page, before that page's own stylesheet.
   Page-specific styles do NOT belong here — each page links
   its own file directly (assets/css/pages/<page>.css).
====================================================== */

@import url('variables.css');

@import url('reset.css');

@import url('typography.css');

@import url('utilities.css');

/* Layout (shared shell: sidebar, navbar, content wrapper) */
@import url('layout/sidebar.css');
@import url('layout/navbar.css');
@import url('layout/content.css');

/* Components (shared across pages) */
@import url('components/cards.css');
@import url('components/breadcrumb.css');
@import url('components/toast.css');

/* Mobile responsiveness safety net — see file header for how
   this works across every module without per-page changes. */
@import url('mobile-responsive.css');

/* ==========================================
   NOT YET BUILT — uncomment as each file is added.
   Referencing missing files here fails silently in the
   browser, so keep this list truthful to what exists.
========================================== */

/* @import url('layout/footer.css'); */
/* @import url('components/buttons.css'); */
/* @import url('components/forms.css'); */
/* @import url('components/tables.css'); */
@import url('components/modal.css');
/* @import url('components/badges.css'); */
/* @import url('components/alerts.css'); */
/* @import url('components/charts.css'); */
/* @import url('components/progress.css'); */
/* @import url('components/dropdown.css'); */