/* =============================================================
  Arcanum – Main CSS Imports
  Loads global variables, resets, layout, components, and
  page-specific styles in a logical, layered structure.
  =========================================================== */

/* =============================================================
  Base Layer: Variables, Reset, Typography
============================================================= */
@import url("base/variables.css");
@import url("base/reset.css");
@import url("base/typography.css");

/* =============================================================
  Layout Layer: Structural Sections
============================================================= */
@import url("layout/header.css");
@import url("layout/main.css");
@import url("layout/footer.css");

/* =============================================================
  Components Layer: Reusable UI Elements
============================================================= */
@import url("components/buttons.css");
@import url("components/forms.css");
@import url("components/tables.css");
@import url("components/meta-table.css");
@import url("components/flash.css");
@import url("components/modal.css");
@import url("components/interaction-blocks.css");
@import url("components/toggles.css");
@import url("components/illustrations.css");

/* =============================================================
  Page-Specific Layer: Individual Screens
============================================================= */
@import url("pages/home.css");
@import url("pages/dashboard.css");
@import url("pages/messages.css");
@import url("pages/chats.css");
@import url("pages/filters.css");