/* ================================================
   MapChat CSS Architecture - Single Entry Point
   Using CSS @layer for cascade control
   ================================================ */

/* Layer order declaration - later layers always win */
@layer reset, tokens, base, layout, components, pages, utilities, overrides;

/* ================================================
   Design System Foundation (tokens layer)
   ================================================ */
@import 'design-system/_tokens.css' layer(tokens);
@import 'design-system/_breakpoints.css' layer(tokens);
@import 'design-system/_animations.css' layer(tokens);

/* ================================================
   Base Styles (reset and base layers)
   ================================================ */
@import 'base/_reset.css' layer(reset);
@import 'base/_typography.css' layer(base);
@import 'base/_utilities.css' layer(base);

/* ================================================
   Layout Components (layout layer)
   ================================================ */
@import 'layout/_grid.css' layer(layout);
@import 'layout/_containers.css' layer(layout);
@import 'layout/_header.css' layer(layout);
@import 'layout/_footer.css' layer(layout);

/* ================================================
   Core Components (components layer)
   ================================================ */
@import 'components/_buttons.css' layer(components);
@import 'components/_forms.css' layer(components);
@import 'components/_cards.css' layer(components);
@import 'components/_tables.css' layer(components);
@import 'components/_modals.css' layer(components);
@import 'components/_dropdowns.css' layer(components);
@import 'components/_alerts.css' layer(components);
@import 'components/_badges.css' layer(components);
@import 'components/_tabs.css' layer(components);
@import 'components/_toggle.css' layer(components);
@import 'components/_tooltips.css' layer(components);
@import 'components/_chat.css' layer(components);
@import 'components/_map.css' layer(components);

/* ================================================
   Page-Specific Styles (pages layer)
   ================================================ */
@import 'pages/_common.css' layer(pages);
@import 'pages/_login.css' layer(pages);
@import 'pages/_setup.css' layer(pages);
@import 'pages/_home.css' layer(pages);
@import 'pages/_help.css' layer(pages);
@import 'pages/_about.css' layer(pages);

/* ================================================
   Themes (utilities layer - theme variables)
   ================================================ */
@import 'themes/_light.css' layer(utilities);
@import 'themes/_dark.css' layer(utilities);

/* ================================================
   Utilities (utilities layer)
   ================================================ */
@import 'utilities/_text.css' layer(utilities);
@import 'utilities/_display.css' layer(utilities);
@import 'utilities/_spacing.css' layer(utilities);

/* ================================================
   Responsive Design (utilities layer)
   ================================================ */
@import 'responsive.css' layer(utilities);

/* ================================================
   External Dependencies
   ================================================ */
@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');