/* Ishaar Resort — stylesheet entry (buildless split + CSS cascade layers).

   Precedence is set by the @layer statement below (later layer = wins),
   NOT by import order. The `reveal` layer sits above `sections` so the
   scroll-reveal system beats section entrance animations WITHOUT !important.

   Within a single layer (all of `sections` + utilities + mobile-polish) normal
   specificity + source order still apply, so that cascade is byte-for-byte
   equivalent to the old monolith. Every author rule is layered, so the
   "unlayered beats layered" trap does not apply.

   NOTE: utilities.css is imported into `sections` (NOT a top layer) on purpose.
   The .w-mobile/.w-desktop toggle must resolve against section rules by
   specificity — some mobile wrappers (#stays .s-mobile, #events .e-mobile) set
   `display: flex`, which must win over the non-important `.w-mobile{display:block}`
   default. Putting utilities in a higher layer forces `block` and collapses the
   Stays (Rest & Retreat) flex layout on mobile. Its !important is load-bearing
   for the hide states; see utilities.css.

   Layer order (low → high priority):
     reset      — reserved (the * reset currently lives in base.css)
     tokens     — design tokens + per-section color worlds
     base       — reset, html/body, grain, shared @keyframes, section{}
     layout     — reserved (future page-layout primitives)
     components — reserved (future shared components)
     sections   — per-section styles + utility toggles + mobile-polish overrides
     reveal     — scroll-reveal system (must beat section entrance animations)

   Edit the small files in css/, not here. See HANDOFF.md §12.
   Original monolith backed up at C:/Users/silen/AppData/Local/Temp/kilo/style.css.orig.bak. */

@layer reset, tokens, base, layout, components, sections, reveal;

@import "css/tokens.css" layer(tokens);
@import "css/base.css" layer(base);
@import "css/utilities.css" layer(sections);
@import "css/sections/hero.css" layer(sections);
@import "css/sections/weddings.css" layer(sections);
@import "css/sections/events.css" layer(sections);
@import "css/sections/stays.css" layer(sections);
@import "css/sections/yourevent.css" layer(sections);
@import "css/sections/why-us.css" layer(sections);
@import "css/sections/reviews.css" layer(sections);
@import "css/sections/cta.css" layer(sections);
@import "css/mobile-polish.css" layer(sections);
@import "css/reveal.css" layer(reveal);