/* =========================================================
   DOOPS GLOBAL STYLE ENTRYPOINT  — v20260406n
   ---------------------------------------------------------
   This file loads GLOBAL styles only.
   Page-specific CSS is loaded via {% block head %} in each template.

   Rules:
   - Later imports override earlier ones
   - This is NOT for styling — only orchestration
   ========================================================= */


/* 1. Foundation (resets, layout primitives) */
@import url("base.css");


/* 2. Global UI shell (header, nav, top-level layout) */
@import url("header.css");


/* 3. Shared components (buttons, tags, cards, inputs) */
@import url("components.css");


/* 4. Global feature layers */
@import url("forms.css");
@import url("notifications.css");


/* =========================================================
   PAGE-SPECIFIC CSS is now loaded per-template:

   index.html        → timeline.css, inspector.css
   tracker.html      → tracker.css
   scenarios.html    → scenarios.css
   comparisons.html  → comparisons.css
   charges.html      → charges.css
   site_settings.html → site_settings.css
   admin_users.html  → admin.css
   case_information.html → case_information.css

   This avoids loading ~100 KB of unused CSS on every page.
   ========================================================= */