@charset "UTF-8";

/*
   ==========================================================================
   SRI LANKA TRAVEL PLATFORM
   Main ordered stylesheet entry point.

   Keep this order stable. Foundation comes first, responsive overrides last.
   ==========================================================================
*/

@layer reset, tokens, base, utilities, grid, layout, components, pages, responsive, debug;

/* 01. Reset */
@import url("01-reset.css") layer(reset);

/* 02. Design tokens and responsive system variables */
@import url("02-variables.css") layer(tokens);

/* 03. Global typography */
@import url("03-typography.css") layer(base);

/* 04. Small reusable utilities */
@import url("04-utilities.css") layer(utilities);

/* 05. Responsive 4 / 8 / 12-column grid */
@import url("05-grid.css") layer(grid);

/* 06. Containers, sections, and page shells */
@import url("06-layout.css") layer(layout);

/* 07. Buttons and compact controls */
@import url("07-buttons.css") layer(components);

/* 08. Forms, search fields, selectors, and calendar */
@import url("08-forms.css") layer(components);

/* 09. Header, desktop navigation, drawer, and mobile navigation */
@import url("09-header.css") layer(components);

/* 10. Cards, badges, chips, ratings, and favorites */
@import url("10-cards.css") layer(components);

/* 11. Dialogs, search overlay, tabs, accordions, and feedback */
@import url("11-interactions.css") layer(components);

/* 12. Footer */
@import url("12-footer.css") layer(components);

/* 13. Page-template structures */
@import url("13-pages.css") layer(pages);

/* 14. Central viewport and orientation overrides */
@import url("14-responsive.css") layer(responsive);

/* 15. Optional development grid overlay */
@import url("15-debug.css") layer(debug);