/* =========================================================
   main.css
   Purpose: Single entry for the custom RR CSS framework
   Notes:
   - Mobile-first. Put media queries in the same file as the rule.
   - Tokens load before anything that uses CSS variables.
   - Layout before Components; Utilities last to allow overrides.
   - v1.2 • Updated: 2025-09-25
   ========================================================= */

/* ========== 1) Base (foundations) ========== */
@import url("./base/reset.css");       /* Normalize/reset first */
@import url("./base/tokens.css");      /* :root variables (colors, spacing, breakpoints) */
@import url("./base/typography.css");  /* Base type scale, headings, links */

/* ========== 2) Layout (page structure) ========== */
/* Order roughly top→bottom and outside→inside */
@import url("./layout/container.css"); /* Container widths, gutters */
@import url("./layout/grid.css");      /* Grid system */
@import url("./layout/topbar.css");    /* Thin top info bar */
@import url("./layout/header.css");    /* Site header + nav wrapper */
@import url("./layout/bars.css");      /* Utility bars / subnav bars */
@import url("./layout/hero.css");      /* Hero sections */
@import url("./layout/footer.css");    /* Footer layout */

/* ========== 3) Components (reusable UI) ========== */
@import url("./components/buttons.css");
@import url("./components/forms.css");
@import url("./components/cards.css");
@import url("./components/navigation.css"); /* menus, breadcrumbs, pagers */
@import url("./components/icon.css");
@import url("./components/badges.css");

/* ========== 4) Utilities (helpers & one-off overrides) ========== */
/* Keep these last so they can override earlier rules when needed */
@import url("./utilities/admin.css");      /* spacing, display, text utils */
@import url("./utilities/helpers.css");      /* spacing, display, text utils */
@import url("./utilities/alerts.css");       /* notice/alert banners */
@import url("./utilities/auth.css");         /* login/register layouts */
@import url("./utilities/accessibility.css");/* a11y helpers (focus, sr-only) */