/*
  Stylesheet entry point. Order matters: tokens → base → layout → components.
  Each file owns one area of the UI; edit the file for the piece you're changing.
*/
@import url('base/tokens.css');
@import url('base/reset.css');
@import url('base/typography.css');

@import url('layout/layout.css');
@import url('layout/header.css');
@import url('layout/footer.css');

@import url('components/buttons.css');
@import url('components/forms.css');
@import url('components/promotions.css');
@import url('components/hero.css');
@import url('components/cards.css');
@import url('components/sections.css');
@import url('components/products.css');
@import url('components/overlays.css');
@import url('components/chat.css');