:root {
    --tr-font-family: 'Tajawal', 'Segoe UI', Tahoma, Arial, sans-serif;
    --tr-brand-navy: #0b315f;
    --tr-brand-red: #ef334f;
    --tr-brand-green: #2e8b3c;
    --tr-brand-bg: #f7f9fc;
}

html[lang^="ar"] body,
html[dir="rtl"] body,
.tr-home-modern,
.tr-auth-shell,
.tr-dashboard,
.tr-business-flow,
.tr-explore,
.tr-directory,
.tr-platform-admin,
.tr-story-page,
.tr-contact-page,
.tr-policy-page,
.tr-faq-page,
.tr-not-found,
.tr-place-card,
.tr-product-card,
.tr-campaign-page,
.tr-favorites-page,
.tr-notifications-page {
    font-family: var(--tr-font-family) !important;
}

html[lang^="ar"] button,
html[lang^="ar"] input,
html[lang^="ar"] select,
html[lang^="ar"] textarea,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
    font-family: var(--tr-font-family) !important;
}

body {
    overflow-x: hidden;
}