/* 
 * ORGANIZED CSS ARCHITECTURE
 * Yeniden düzenlenmiş ve optimize edilmiş CSS yapısı
 * 
 * Bu dosya tüm CSS'leri mantıklı bir sırada import eder:
 * 1. Variables (CSS değişkenleri)
 * 2. Base (Temel HTML elementleri)
 * 3. Layout (Navbar, grid sistemleri)
 * 4. Components (Kartlar, butonlar, formlar)
 * 5. Pages (Sayfa özel stilleri)
 * 6. Modals (Modal ve popup'lar)
 * 7. Utilities (Yardımcı sınıflar)
 */

/* 1. CSS Variables - Tüm değişkenler ve temalar */
@import url('01-variables.css');

/* 2. Base Styles - HTML elementleri ve temel stiller */
@import url('02-base.css');

/* 3. Layout Components - Navbar, grid, ana layout */
@import url('03-layout.css');

/* 4. UI Components - Yeniden kullanılabilir bileşenler */
@import url('04-components.css');

/* 5. Page-Specific Styles - Sayfa özel stilleri */
@import url('05-pages.css');

/* 6. Modal Components - Modal, popup ve overlay'ler */
@import url('06-modals.css');

/* 7. Accordion Components - Accordion ve collapse bileşenleri */
@import url('07-accordion.css');

/* 8. Utility Classes - Hızlı styling sınıfları */
@import url('08-utilities.css');

/* 9. Modern Homepage - Anasayfa modern tasarım stilleri */
@import url('09-modern-homepage.css');

/* 
 * YENİ CSS MİMARİSİ AVANTAJLARI:
 * 
 * ✅ Modüler Yapı: Her dosya belirli bir amaca hizmet eder
 * ✅ Değişken Sistemi: Tüm renkler, boyutlar merkezi yönetilir  
 * ✅ Tekrar Kullanım: Component'lar tüm sayfalarda kullanılabilir
 * ✅ Kolay Bakım: Değişiklikler ilgili dosyada yapılır
 * ✅ Performans: Gereksiz CSS kuralları kaldırıldı
 * ✅ Tutarlılık: Tüm sayfalarda aynı stil sistemi
 * ✅ Responsive: Mobil-first yaklaşım
 * ✅ Dark Theme: Tam dark mode desteği
 * 
 * DOSYA YAPISI:
 * 
 * 📁 01-variables.css  → CSS değişkenleri, renkler, boyutlar
 * 📁 02-base.css       → HTML elementleri, typography, scrollbar
 * 📁 03-layout.css     → Navbar, dropdown, grid sistemleri
 * 📁 04-components.css → Kartlar, butonlar, formlar, tablolar
 * 📁 05-pages.css      → Login, dashboard, charts, özel stiller
 * 📁 06-modals.css     → Modal, popup, loading ekranları
 * 📁 07-accordion.css  → Accordion ve collapse bileşenleri
 * 📁 08-utilities.css  → Margin, padding, display, flexbox
 * 📁 09-modern-homepage.css → Anasayfa modern tasarım stilleri
 */