/* ==========================================================================
   MASTER STYLESHEET - SHOWROOM MOBIL RESMI
   Architecture: Modular BEM + Mobile-First Responsive Design
   ========================================================================== */

/* 1. Base & Tokens */
@import url('./base/variables.css');
@import url('./base/reset.css');

/* 2. Reusable BEM UI Components */
@import url('./components/section.css');
@import url('./components/buttons.css');
@import url('./components/badges.css');
@import url('./components/forms.css');
@import url('./components/modal.css');

/* 3. Separated Layout Modules (Navbar, Header, Main, Catalog, Article, About, Footer) */
@import url('./layout/navbar.css');
@import url('./layout/header.css');
@import url('./layout/main.css');
@import url('./layout/catalog-page.css');
@import url('./layout/article-page.css');
@import url('./layout/about.css');
@import url('./layout/contact.css');
@import url('./layout/footer.css');