/* ============================
   UI Styles
   ============================ */

/*
 * Main entry point for the CSS architecture.
 *
 * Structure:
 * - core/     : Design tokens, reset, and utilities
 * - layout/   : Header, navigation, panels, and responsive styles
 * - components/ : Reusable UI components
 */

/* === Core Styles === */
@import url("core/variables.css");
@import url("core/reset.css");
@import url("core/typography.css");
@import url("core/utilities.css");

/* === Layout Styles === */
@import url("layout/header.css");
@import url("layout/layout.css");
@import url("layout/mobile.css");
@import url("layout/footer.css");

/* === Component Styles === */
@import url("components/buttons.css");
@import url("components/cards.css");
@import url("components/masthead.css");
@import url("components/forms.css");
@import url("components/navigation-controls.css");
@import url("components/stepper.css");
@import url("components/status.css");
@import url("components/app-select.css");
@import url("components/tables.css");
@import url("components/notifications.css");
@import url("components/modals.css");
@import url("components/pagination.css");
@import url("components/mapbox-overrides.css");
@import url("components/immersive.css");
@import url("components/icons.css");
@import url("components/setup-required.css");
@import url("components/date-picker.css");