/* ============================================================
   New York Seafood — modular CSS (Tailwind-style layers)
   ------------------------------------------------------------
   Same idea as Tailwind’s cascade layers:

     tokens      design variables  (unlayered — always available)
     base        reset / document  (@layer base)
     components  UI building blocks (@layer components)
     utilities   responsive / helpers (@layer utilities)

   Layer order (not file order) wins:
     base < components < utilities

   Edit the file under css/ that matches what you’re changing.
   ============================================================ */

@layer base, components, utilities;

@import url("css/tokens.css");
@import url("css/base.css");
@import url("css/nav.css");
@import url("css/hero.css");
@import url("css/vacation.css");
@import url("css/buttons.css");
@import url("css/layout.css");
@import url("css/reviews.css");
@import url("css/sections.css");
@import url("css/footer.css");
@import url("css/responsive.css");