/* GreenLoop UI v2 — layer order + vendor CSS.

   Layer order, lowest priority first:
     gl-reset, gl-base   element defaults (body, headings, links) — BELOW the
                    vendor layer, so a component class such as Bootstrap's .btn
                    always beats a bare element rule such as `a { color }`
     gl-vendor      Bootstrap 5.3.2 + DataTables CSS, unmodified (self-hosted so
                    they can be layered; Bootstrap file is byte-identical to the
                    SRI-pinned CDN copy v1 uses)
     gl-compat      Bootstrap / DataTables re-themed to the EZ OMS tokens (bootstrap-theme.css)
     gl-layout … gl-utilities   the GreenLoop design system (app.css)
   Anything unlayered — a page's own <style>, v1 style.css, responsive.html —
   sits above all of these, exactly as it did over Bootstrap in v1.

   Only the vendor files are @imported here: their folder names carry the
   version, so they can be cached forever. The GreenLoop files are linked
   directly from components/_styles.html with a ?v=<content hash> each — an
   @import of them would be cached under an unversioned URL and go stale after
   a deploy. */

@layer gl-reset, gl-base, gl-vendor, gl-compat, gl-layout, gl-components, gl-utilities;

@import url("../vendor/bootstrap-5.3.2/bootstrap.min.css") layer(gl-vendor);
@import url("../vendor/datatables-1.10.12/css/jquery.dataTables.css") layer(gl-vendor);
@import url("../vendor/datatables-buttons-1.2.2/buttons.dataTables.css") layer(gl-vendor);