/* =============================================================================
   Hopemacy — main.css
   Single entry point. Declares cascade layers and imports source files into them.
   WordPress enqueues only this file.
   ============================================================================= */

/* Declare layer order — later layers win specificity ties */
@layer reset, base, layout, page, components, utilities;

/* reset -------------------------------------------------------------------- */
@import './reset.css' layer(reset);

/* Base --------------------------------------------------------------------- */
@import './variables.css' layer(base);
@import './typography.css' layer(base);
@import './animations.css' layer(base);
@import './events.css' layer(base);
@import './forms.css' layer(base);
@import './inputs.css' layer(base);

/* Layout ------------------------------------------------------------------- */
@import './layout.css' layer(layout);

/* Page --------------------------------------------------------------------- */
@import './header.css' layer(page);
@import './footer.css' layer(page);

/* Components --------------------------------------------------------------- */
@import './components/alert.css' layer(components);
@import './components/archive-category-filter.css' layer(components);
@import './components/button.css' layer(components);
@import './components/banner.css' layer(components);
@import './components/card.css' layer(components);
@import './components/details.css' layer(components);
@import './components/icon.css' layer(components);
@import './components/icon-text.css' layer(components);
@import './components/image.css' layer(components);
@import './components/pagination.css' layer(components);
@import './components/person.css' layer(components);
@import './components/post.css' layer(components);
@import './video.css' layer(components);

/* Utilities ---------------------------------------------------------------- */
@import './utilities.css' layer(utilities);