/* استدعاء خط Cairo */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;700;900&display=swap');

:root {
    /* تحكم في حجم الخط من هنا */
    --main-font-size: 18px; 
}

/* تطبيق الخط على جميع النصوص واستثناء الأيقونات */
body, 
p, 
a, 
span, 
h1, h2, h3, h4, h5, h6, 
li, 
input, 
button, 
textarea, 
label {
    font-family: 'Cairo', sans-serif !important;
}

/* استثناء صريح لأيقونات FontAwesome وغيرها من مكتبات الأيقونات */
[class^="fa-"], [class*=" fa-"], 
.fas, .far, .fab, .fal, .fad, .bi, 
[class^="flaticon-"], [class*=" flaticon-"],
i, 
.icon {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands", "font-awesome", "Flaticon" !important;
    font-weight: 900; /* ضروري لظهور بعض الأيقونات */
}

/* التحكم في أحجام الخطوط */
body {
    font-size: var(--main-font-size);
}

h1 { font-size: calc(var(--main-font-size) * 2.2); }
h2 { font-size: calc(var(--main-font-size) * 1.8); }
h3 { font-size: calc(var(--main-font-size) * 1.5); }

/* لضمان عدم تأثر الأيقونات داخل الأزرار */
button i, a i {
    font-family: inherit; /* هنا سيرجع لأصله كأيقونة */
    margin: 0 5px;
}