/* =====================================================================
   index.css  —  Architecture entry point
   ---------------------------------------------------------------------
   Tek <link> ile tüm mimari yüklenir. CSS Cascade Layers (@layer)
   kullanılarak override önceliği bellidir, !important gerek kalmaz.
   ---------------------------------------------------------------------
   Layer öncelik sırası (en alt → en üst, üstteki kazanır):

     vendor-base      → main.min.css, responsive.min.css (legacy temel)
     base             → tokens, reset, typography
     layout           → header, footer, container, breadcrumb
     components       → button, card, modal, form, dropdown, tabs
     pages            → sayfa-spesifik premium kurallar
     vendor-overrides → 3rd party plugin theming (sweetalert, leaflet, ...)
     theme            → dark mode contrast patches + toggle UI
     responsive       → tek yerden breakpoint kontrolleri
     utilities        → atomic helper classes (en yüksek öncelik)

   ---------------------------------------------------------------------
   Tarayıcı desteği:
     @layer:  Chrome 99+, Firefox 97+, Safari 15.4+ (~%96 destek 2026)
     Eski tarayıcı: kurallar yine görünür (layered olmadığı varsayılır),
     fallback olarak link sırası ile yine override eder.
   ===================================================================== */


/* ── Cascade layer ordering (önemli: ilk satırda olmalı) ───────────── */
@layer vendor-base, base, layout, components, pages, vendor-overrides, theme, responsive, utilities;


/* ── Mevcut tasarım sınıfları (en düşük öncelik, vendor-base) ──────── */
@import url("../main.min.css")          layer(vendor-base);
@import url("../responsive.min.css")    layer(vendor-base);


/* ── Yeni mimari katmanları ────────────────────────────────────────── */
@import url("00-tokens.css")        layer(base);
@import url("01-base.css")          layer(base);
@import url("02-layout.css")        layer(layout);
@import url("03-components.css")    layer(components);
@import url("08-motion.css")        layer(components);
@import url("04-pages.css")         layer(pages);
@import url("10-polish.css")        layer(pages);
@import url("05-vendor.css")        layer(vendor-overrides);
@import url("09-theme.css")         layer(theme);
@import url("06-utilities.css")     layer(utilities);
@import url("07-responsive.css")    layer(responsive);