/**
 * Arabic Fonts for Muathir.AI
 * Imports Google Fonts for Arabic text
 */

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;900&display=swap');

/* Apply Arabic fonts only when RTL is active */
html[dir="rtl"] body,
html[dir="rtl"] [class*="MuiTypography"],
html[dir="rtl"] [class*="ant-typography"] {
    font-family: 'Tajawal', 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Specific font weights */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
    font-family: 'Tajawal', sans-serif;
    font-weight: 700;
}

html[dir="rtl"] p,
html[dir="rtl"] span,
html[dir="rtl"] div {
    font-family: 'Tajawal', sans-serif;
}

/* Headings with Cairo for more weight */
html[dir="rtl"] .MuiTypography-h1,
html[dir="rtl"] .MuiTypography-h2,
html[dir="rtl"] .MuiTypography-h3 {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
    font-weight: 700;
}