/* ==========================================================================
   Hermitage World — stylesheet entry
   Every page links only this file. Cascade layers make the order explicit:
   a later layer always wins over an earlier one, whatever the specificity,
   so a page rule never needs !important to beat a component.
   ========================================================================== */

@layer tokens, base, layout, components, pages, utilities;

@import url("tokens.css");
@import url("base.css");
@import url("layout.css");
@import url("components.css");
@import url("pages.css");
@import url("temple.css");

@layer utilities {
  .mt-0 { margin-top: 0 !important; }
  .mt-sm { margin-top: var(--space-sm); }
  .mt-md { margin-top: var(--space-md); }
  .mt-lg { margin-top: var(--space-lg); }
  .mt-xl { margin-top: var(--space-xl); }
  .mt-2xl { margin-top: var(--space-2xl); }
  .mb-xl { margin-bottom: var(--space-xl); }
  .ta-center { text-align: center; }
  .w-full { width: 100%; }
  .hidden { display: none !important; }
}