/*
   ZASK Arabic typography - Tajawal font mapping.

   Scope: applies only when the page's language is Arabic
   (html[lang="ar"]). The site has no Arabic content yet - the
   homepage's lang is still "en" (see index.html), so nothing here is
   visually active today. This is prepared ahead of time, the same way
   css/rtl.css prepares RTL layout ahead of Arabic content, so that the
   moment lang="ar" is set (when real Arabic copy is added later), the
   whole site's typography retargets automatically - no further CSS
   changes needed at that point.

   How it works: the entire site's real text already flows through
   exactly two CSS custom properties, defined once in css/main.css:
     --font-sans  (Tailwind's --default-font-family; applied globally to
                   every element by Tailwind's own preflight reset)
     --font-main  (used via the .font-main utility class, applied
                   throughout the site to headings, section titles, nav
                   links, card labels, buttons, etc.)
   Redefining both of these under html[lang="ar"] retargets every
   element that references them - navbar, menus/dropdowns, hero,
   headings, paragraphs, buttons, cards, forms, labels, FAQ, footer -
   site-wide, with no other rule needed. English text (lang="en", the
   current state) is completely unaffected, since this selector simply
   does not match; nothing about layout, spacing, colors, or content
   changes either way.

   Font weight note: Tajawal's available static weights are
   200/300/400/500/700/800/900 - it has no 600 (semibold). Where the
   site requests font-weight:600 (Tailwind's font-semibold utility), the
   browser substitutes the nearest weight it has loaded; that is a
   property of the Tajawal family itself, not something fixable in CSS.
*/

html[lang="ar"] {
  --font-sans: 'Tajawal', 'Inter', sans-serif;
  --font-main: 'Tajawal', 'Plus Jakarta Sans', sans-serif;
}