/* Font System with Data Attributes
   This file defines all font variables used throughout the site
   and provides a consistent font loading and fallback strategy
*/

/* 
 * Google Fonts CDN imports:
 * - Arabic fonts:
 *   - Amiri (400, 700, italic 400, italic 700) - Classic Arabic serif font
 *   - Cairo (400, 700) - Modern Arabic sans-serif font
 *   - Noto Naskh Arabic (400, 700) - Optimized for Arabic readability
 *   - Reem Kufi (400, 700) - Modern Arabic Kufi style font
 * 
 * - Urdu fonts:
 *   - Noto Sans Urdu (400, 700) - Optimized for Urdu readability in sans-serif style
 *   - Tajawal (400, 700) - Works well for both Arabic and Urdu
 * 
 * - English/Latin fonts:
 *   - Open Sans (400, 700, italic 400, italic 700) - Clean sans-serif font
 *   - Roboto (400, 700, italic 400, italic 700) - Google's system font
 *   - Lato (400, 700) - Balanced sans-serif font
 *   - Montserrat (400, 700) - Modern geometric sans-serif
 *   - Poppins (400, 700) - Geometric sans-serif with uniform rounded terminals
 */
@import url("https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Cairo:wght@400;700&family=Noto+Naskh+Arabic:wght@400;700&family=Noto+Sans+Urdu:wght@400;700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Reem+Kufi:wght@400;700&family=Lato:wght@400;700&family=Montserrat:wght@400;700&family=Poppins:wght@400;700&family=Tajawal:wght@400;700&display=swap");

/* 
 * Scheherazade New is not available on Google Fonts, but is available on SIL's website
 * We'll load it from the SIL Fonts CDN
 */
@import url("https://fonts.languageserver.org/scheherazadenew/webfonts/ScheherazadeNew-Regular.woff2");
@import url("https://fonts.languageserver.org/scheherazadenew/webfonts/ScheherazadeNew-Bold.woff2");

:root {
  /* Base font variables */
  --font-arabic-primary: "Amiri", "Scheherazade New", "Noto Naskh Arabic",
    "Traditional Arabic", serif;
  --font-urdu-primary: "Noto Sans Urdu", "Tajawal", "Arial Unicode MS", "Tahoma",
    serif;
  --font-english-primary: "Roboto", -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Helvetica Neue", Arial, sans-serif;

  /* Arabic font variables */
  --font-arabic-amiri: "Amiri", "Traditional Arabic", "Arabic Typesetting",
    serif;
  --font-arabic-scheherazade: "Scheherazade New", "Traditional Arabic",
    "Arabic Typesetting", serif;
  --font-arabic-noto: "Noto Naskh Arabic", "Traditional Arabic",
    "Arabic Typesetting", serif;
  --font-reem-kufi: "Reem Kufi", "Traditional Arabic", "Arabic Typesetting",
    sans-serif;
  --font-cairo: "Cairo", "Traditional Arabic", "Arabic Typesetting", sans-serif;

  /* Urdu font variables */
  --font-urdu-sans: "Noto Sans Urdu", "Tahoma", "Arial Unicode MS", sans-serif;
  --font-urdu-tajawal: "Tajawal", "Noto Sans Urdu", "Arial Unicode MS", serif;

  /* English font variables */
  --font-english-roboto: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Helvetica Neue", Arial, sans-serif;
  --font-english-open-sans: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  --font-english-lato: "Lato", "Helvetica Neue", Arial, sans-serif;
  --font-english-montserrat: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-english-poppins: "Poppins", "Helvetica Neue", Arial, sans-serif;
}

/* Default language settings without data attributes (for backward compatibility) */
.arabic-text:not([data-font]) {
  font-family: var(--font-arabic-primary);
}

.urdu-text:not([data-font]) {
  font-family: var(--font-urdu-primary);
}

.english-text:not([data-font]) {
  font-family: var(--font-english-primary);
}