/* ============================================================
   Design System - Kian Electronic
   پشتیبانی از 7 زبان
   ============================================================ */

   @import url('fonts.css');

   :root {
       /* ============================================================
          فونت‌های اصلی
       ============================================================ */
       --font-heading: 'Cormorant Garamond', serif;
       --font-body: 'Manrope', sans-serif;
       
       /* ============================================================
          فونت‌های مخصوص زبان‌ها
       ============================================================ */
       /* چینی */
       --font-zh-heading: 'Noto Serif SC', 'Cormorant Garamond', serif;
       --font-zh-body: 'Noto Sans SC', 'Manrope', sans-serif;
       
       /* عربی */
       --font-ar-heading: 'Noto Naskh Arabic', 'Cormorant Garamond', serif;
       --font-ar-body: 'Cairo', 'Manrope', sans-serif;
       
       /* فارسی */
       --font-fa-heading: 'Vazirmatn', 'Cormorant Garamond', serif;
       --font-fa-body: 'Vazir', 'Manrope', sans-serif;
       
       /* ============================================================
          سایر متغیرها
       ============================================================ */
       /* ... */
   }
   
   /* ============================================================
      اعمال فونت‌ها بر اساس زبان
      ============================================================ */
   
   /* ====== زبان انگلیسی و زبان‌های اروپایی ====== */
   html:not([lang="zh"]):not([lang="ar"]):not([lang="fa"]) h1,
   html:not([lang="zh"]):not([lang="ar"]):not([lang="fa"]) h2,
   html:not([lang="zh"]):not([lang="ar"]):not([lang="fa"]) h3,
   html:not([lang="zh"]):not([lang="ar"]):not([lang="fa"]) h4,
   html:not([lang="zh"]):not([lang="ar"]):not([lang="fa"]) h5,
   html:not([lang="zh"]):not([lang="ar"]):not([lang="fa"]) h6 {
       font-family: var(--font-heading);
   }
   
   html:not([lang="zh"]):not([lang="ar"]):not([lang="fa"]) body {
       font-family: var(--font-body);
   }
   
   /* ====== زبان چینی ====== */
   html[lang="zh"] h1,
   html[lang="zh"] h2,
   html[lang="zh"] h3,
   html[lang="zh"] h4,
   html[lang="zh"] h5,
   html[lang="zh"] h6 {
       font-family: var(--font-zh-heading);
   }
   
   html[lang="zh"] body {
       font-family: var(--font-zh-body);
   }
   
   /* ====== زبان عربی ====== */
   html[lang="ar"] h1,
   html[lang="ar"] h2,
   html[lang="ar"] h3,
   html[lang="ar"] h4,
   html[lang="ar"] h5,
   html[lang="ar"] h6 {
       font-family: var(--font-ar-heading);
   }
   
   html[lang="ar"] body {
       font-family: var(--font-ar-body);
   }
   
   /* ====== زبان فارسی ====== */
   html[lang="fa"] h1,
   html[lang="fa"] h2,
   html[lang="fa"] h3,
   html[lang="fa"] h4,
   html[lang="fa"] h5,
   html[lang="fa"] h6 {
       font-family: var(--font-fa-heading);
   }
   
   html[lang="fa"] body {
       font-family: var(--font-fa-body);
   }
   :root {
    --font-heading: 'Cormorant Garamond', Georgia, serif;
    --font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 600;
}

body {
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 1.7;
}