/* ============================================================
   app.css — единая точка сборки стилей публичного сайта (ITCSS).
   Порядок слоёв важен: base → layout → components → pages → responsive.
   ============================================================ */

/* base */
@import url('base/_tokens.css');
@import url('base/_reset.css');
@import url('base/_typography.css');
@import url('base/_animations.css');

/* layout */
@import url('layout/_navbar.css');
@import url('layout/_sections.css');
@import url('layout/_footer.css');
@import url('layout/_sidebar.css');

/* components */
@import url('components/_button.css');
@import url('components/_card.css');
@import url('components/_form.css');
@import url('components/_overlay.css');
@import url('components/_modal.css');
@import url('components/_notification.css');
@import url('components/_carousel.css');
@import url('components/_avatar.css');
@import url('components/_pagination.css');

/* pages */
@import url('pages/_home.css');
@import url('pages/_blog.css');
@import url('pages/_blog-post.css');
@import url('pages/_post-content-blocks.css');
@import url('pages/_privacy.css');
@import url('pages/_sections.css');
@import url('pages/_media.css');

/* responsive (global) */
@import url('_responsive.css');