/* ================================================================
   main.css — Atomic Design katmanları (ITCSS sırası)
   Katmanlar: settings -> generic -> atoms -> molecules
              -> organisms -> templates
   Not: Sıralama önemli; özgüllük aşağı doğru artar.
   ================================================================ */

/* 1. Settings: değişkenler, tema token'ları */
@import "settings/variables.css";

/* 2. Generic: reset ve temel element stilleri */
@import "generic/reset.css";
@import "generic/base.css";

/* 3. Atoms: en küçük bileşenler */
@import "atoms/link.css";
@import "atoms/button.css";
@import "atoms/tag.css";

/* 4. Molecules: birkaç atomdan oluşan bileşenler */
@import "molecules/post-meta.css";
@import "molecules/post-card.css";

/* 5. Organisms: bağımsız arayüz blokları */
@import "organisms/site-header.css";
@import "organisms/site-footer.css";
@import "organisms/post-list.css";
@import "organisms/post-nav.css";
/* organisms/youtube.css — yalnızca video içeren sayfalarda koşullu yüklenir (base.njk) */

/* 6. Templates: sayfa şablonuna özel düzen */
@import "templates/layout.css";
@import "templates/prose.css";