/*
 * Political Intelligence — Main Stylesheet
 * ─────────────────────────────────────────────────────────────────────────────
 * Propshaft serves these files. Import order matters:
 * tokens → reset → base → components → layouts
 * ─────────────────────────────────────────────────────────────────────────────
 */

/* 1. Design tokens — must load first, everything else references them */
@import "base/tokens.css";

/* 2. Reset — clears browser defaults using token values */
@import "base/reset.css";

/* 3. Base — typography scale and utility classes */
@import "base/typography.css";
@import "base/utilities.css";
@import "base/grid.css";

/* 4. Components — UI primitives */
@import "components/nav.css";
@import "components/buttons.css";
@import "components/forms.css";
@import "components/badges.css";
@import "components/flash.css";
@import "components/cards.css";
@import "components/tables.css";
@import "components/charts.css";
@import "components/map.css";
@import "components/loading.css";

/* 5. Layouts — page-level structure */
@import "layouts/auth.css";
@import "home.css";
@import "layouts/admin_dashboard.css";
@import "layouts/admin_profile.css";
@import "layouts/admin_invitations.css";
@import "layouts/dashboard.css";

/* 6. Backdrop — faint map watermark; last so its background overrides win */
@import "components/backdrop.css";