/* ============================================
   BricksCQ Framework v1.0.0
   Container Query CSS Framework for Bricks Builder 2.3

   A modern, utility-first CSS framework using
   exclusively Container Queries for responsive design.

   No media queries. No viewport dependencies.
   Pure container-aware responsive design.

   (c) 2026 - MIT License
   ============================================ */

/* === Layer Order for Specificity Control === */
@layer base, layout, components, utilities;

/* === Base === */
@import url("base/variables.css") layer(base);
@import url("base/reset.css") layer(base);
@import url("base/typography.css") layer(base);

/* === Layout === */
@import url("layout/container.css") layer(layout);
@import url("layout/grid.css") layer(layout);
@import url("layout/flex.css") layer(layout);

/* === Components === */
@import url("components/buttons.css") layer(components);
@import url("components/cards.css") layer(components);
@import url("components/forms.css") layer(components);
@import url("components/navigation.css") layer(components);
@import url("components/modal.css") layer(components);
@import url("components/badges.css") layer(components);

/* === Utilities (highest specificity) === */
@import url("utilities/spacing.css") layer(utilities);
@import url("utilities/display.css") layer(utilities);
@import url("utilities/colors.css") layer(utilities);
@import url("utilities/sizing.css") layer(utilities);
@import url("utilities/effects.css") layer(utilities);