/* =============================================================
   DESIGN SYSTEM · ENTRY POINT
   -------------------------------------------------------------
   Single stylesheet linked from base.html (loaded LAST so it
   cascades over AdminLTE/Bootstrap). Import order matters:
     1. variables  — tokens (must be first)
     2. theme      — light default + dark re-map
     3. typography — fonts / smoothing
     4. animations — keyframes + helpers
     5. layout     — shell, navbar, footer
     6. components — buttons, inputs, cards, tables…
     7. utilities  — opt-in helpers
     8. themes     — accent palettes + dark mode (LAST → must win)
   ============================================================= */

@import url("variables.css");
@import url("theme.css");
@import url("typography.css");
@import url("animations.css");
@import url("layout.css");
@import url("components.css?v=20260803-1");
@import url("invoice.css");  /* data-entry screens — opt-in via .inv-form */
@import url("buttons.css");
@import url("navbar.css");
@import url("sidebar.css");
@import url("utilities.css");
@import url("validation.css"); /* required-field error states (ds-validate.js) */
@import url("themes.css");   /* accent palettes + dark mode — must win */