/* ============================================================= FARIZON — Arabic / RTL typography layer Loaded after core.css on every *-ar.html page (). core.css already uses logical properties, so layout mirrors automatically; this sheet only swaps fonts + Arabic-specific typographic fixes. ============================================================= */ :root { --ff-head: 'Cairo', system-ui, sans-serif; --ff-body: 'Tajawal', 'Cairo', system-ui, sans-serif; } h1, h2, h3, h4 { font-family: var(--ff-head); letter-spacing: 0; line-height: 1.25; } body { font-family: var(--ff-body); line-height: 1.85; } /* Arabic doesn't benefit from wide tracking / uppercasing */ .eyebrow, .hero__eyebrow, .nav__link, .spec__label, .hero__scroll, .footer__col h4 { letter-spacing: 0; text-transform: none; } .eyebrow { font-weight: 700; } /* Keep numeric stats in clean Latin digits for a technical feel */ .stat__num, .spec__val { font-feature-settings: "tnum"; } /* AOS slide-in directions read more natural mirrored in RTL */ [data-aos="fade-left"] { /* handled by AOS; nothing needed */ }