/* Site-wide styles and Tajawal font
   NOTE: We moved the Google Fonts request into header.php as a <link rel="preconnect"> + <link> tag
   to improve loading performance compared to @import. If you self-host fonts, add @font-face rules here.
*/

:root{
    --main-font: 'Tajawal', sans-serif;
}

html, body {
    font-family: var(--main-font);
}

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

/* Ensure form controls use the same font */
input, textarea, select, button {
    font-family: var(--main-font);
}

/* Small improvements for RTL */
body[dir="rtl"] {
    text-align: right;
}

/* You can add more site-specific styles below */