/* =============================================
   SUNNI FATWA — Fonts
   Moved to: sunnifatwa.in/fonts/fonts.css
   (Same-origin — lab.sunnifatwa.in se move kiya)
   ============================================= */

/* Google Fonts CDN — Hindi + Arabic translation fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Devanagari:wght@400;500;600;700&family=Noto+Naskh+Arabic:wght@400;500;700&display=swap');

/* 1. Aslam — Urdu Headings/H1 (34 KB — fast!) */
@font-face {
  font-family: 'Aslam';
  src: url('/fonts/Aslam.woff2') format('woff2');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

/* 2. Jameel Noori Nastaleeq New — Body text (6.5 MB — swap se OK) */
@font-face {
  font-family: 'Jameel Noori Nastaleeq New';
  src: url('/fonts/Jameel%20Noori%20Nastaleeq%20New.woff2') format('woff2');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Jameel_Noori_Nastaleeq_New';
  src: url('/fonts/Jameel%20Noori%20Nastaleeq%20New.woff2') format('woff2');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

/* 3. Jameel Noori Nastaleeq — Fallback */
@font-face {
  font-family: 'Jameel Noori Nastaleeq';
  src: url('/fonts/Jameel%20Noori%20Nastaleeq.woff2') format('woff2');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

/* 4. Jameel Noori Kasheeda — Farsi */
@font-face {
  font-family: 'Jameel Noori Kasheeda';
  src: url('/fonts/Jameel%20Noori%20Kasheeda.woff2') format('woff2');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

/* 5. Al Qalam Quran — Quran ayaat */
@font-face {
  font-family: 'Al Qalam Quran Majeed Web2_D';
  src: url('/fonts/Al%20Qalam%20Quran%20Majeed%20Web2_D.woff2') format('woff2');
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}

/* 6. Al_Mushaf — Hadith text */
@font-face {
  font-family: 'Al_Mushaf';
  src: url('/fonts/Al_Mushaf.woff2') format('woff2');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

/* 7. LotusLinotype — Labels/Meta */
@font-face {
  font-family: 'LotusLinotype';
  src: url('/fonts/LotusLinotype-Light.woff2') format('woff2');
  font-display: swap;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Lotus Linotype';
  src: url('/fonts/LotusLinotype-Light.woff2') format('woff2');
  font-display: swap;
  font-weight: 300;
  font-style: normal;
}

/* =============================================
   CSS Variables (same as before)
   ============================================= */
:root {
  --font-title:    'Aslam', serif;
  --font-body:     'Jameel Noori Nastaleeq New',
                   'Jameel_Noori_Nastaleeq_New',
                   'Jameel Noori Nastaleeq', serif;
  --font-farsi:    'Jameel Noori Kasheeda', serif;
  --font-quran:    'Al Qalam Quran Majeed Web2_D', 'Al-Qalam', serif;
  --font-hadith:   'Al_Mushaf', 'Traditional Arabic', serif;
  --font-juziyaat: 'Lotus Linotype', 'LotusLinotype', 'Segoe UI', sans-serif;
  --font-hindi-title: 'Noto Serif Devanagari', 'Aparajita', serif;
  --font-hindi-body:  'Noto Serif Devanagari', 'Kokila', serif;
  --font-english-title: 'Times New Roman', serif;
  --font-english-body:  'Georgia', 'Times New Roman', serif;
  --font-roman-title:   'Times New Roman', serif;
  --font-roman-body:    'Georgia', 'Times New Roman', serif;
  --font-arabic-body:   'Noto Naskh Arabic', 'Traditional Arabic', serif;
  --font-arabic-quran:  'Al Qalam Quran Majeed Web2_D', serif;
  --font-arabic-hadith: 'Al_Mushaf', serif;
  --font-arabic-juz:    'Lotus Linotype', 'LotusLinotype', serif;
}