/* =============================================================
   الجريشة | main.css
   نقطة الدخول الوحيدة للأنماط. رتّبت الاستيرادات حسب الطبقات:
   base → layout → components → pages → utilities
   لإضافة نمط جديد: أنشئ ملفًا في المجلد المناسب واستورده هنا.
   ============================================================= */

/* الخطوط (Google Fonts) */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Tajawal:wght@400;500;700;800&family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap");

/* 1) الأساس */
@import url("base/reset.css");
@import url("base/variables.css");
@import url("base/typography.css");
@import url("base/rtl.css");

/* 2) التخطيط */
@import url("layout/grid.css");
@import url("layout/sections.css");
@import url("layout/hero.css");

/* 3) المكوّنات */
@import url("components/buttons.css");
@import url("components/navbar.css");
@import url("components/cards.css");
@import url("components/forms.css");
@import url("components/footer.css");
@import url("components/contact-popover.css");
@import url("components/misc.css");

/* 4) الصفحات */
@import url("pages/home.css");
@import url("pages/about.css");
@import url("pages/products.css");
@import url("pages/product.css");
@import url("pages/contact.css");
@import url("pages/media.css");

/* 5) الأدوات والحركة (آخر شيء ليعلو على غيره) */
@import url("utilities/animations.css");