/* =========================================================
   GLOBAL STYLE ENTRY POINT
   ---------------------------------------------------------
   Import order matters:
   1) Tokens / reset / animations
   2) Core components (cards, forms, buttons, MRZ widgets)
   3) Layout chrome (navbar, footer)
   4) Page-specific layouts (loaded conditionally)
   ========================================================= */

/* ---------- Design tokens + reset ---------- */
@import url("./tokens.css");

/* ---------- Reusable components ---------- */
@import url("./components.css");

/* ---------- Layout chrome ---------- */
@import url("./navbar.css");
@import url("./footer.css");

/* =========================================================
   PAGE-SPECIFIC STYLES
   ---------------------------------------------------------
   ⚠️ Only ONE of these should be active per page.
   Comment / uncomment depending on the page.
   ========================================================= */

/* MRZ Generator page */
@import url("./mrz.css");

/* Login page */
@import url("./login.css");

/* Dashboard pages */
@import url("./dashboard.css");

@import url("./modals.css");