/* =============================================================
   GŁÓWNY PLIK CSS - MODUŁOWA STRUKTURA

   Importuje wszystkie moduły CSS w odpowiedniej kolejności.
   Kolejność jest ważna - najpierw zmienne, potem reset,
   następnie layout, komponenty, i na końcu utilities.

   Struktura odpowiada modułom JavaScript dla lepszej organizacji.

   ZOPTYMALIZOWANA WERSJA - bez duplikatów
   ============================================================= */

/* 1. PODSTAWY - Zmienne i reset */
@import 'modules/variables.css';
@import 'modules/base.css';

/* 2. LAYOUT - Struktura strony */
@import 'modules/layout.css';

/* 3. KOMPONENTY PODSTAWOWE - Buttons i Forms */
@import 'modules/buttons.css';
@import 'modules/forms.css';

/* 4. KOMPONENTY FUNKCJONALNE - Odpowiadają modułom JS */
@import 'modules/categories.css';
@import 'modules/pages.css';
@import 'modules/notes.css';
@import 'modules/formatting.css';
@import 'modules/modals.css';
@import 'modules/user-menu.css';
@import 'modules/search.css';
@import 'modules/error-pages.css';

/* 5. UTILITIES - Responsywność i pomocnicze klasy */
@import 'modules/utilities.css';