/* Vendored locally (same convention as the other wwwroot/lib packages) rather than linking Google's CDN - single variable-font files, so one @font-face per family covers the whole 400-700 weight range the app actually uses (buttons/labels at 400-500, headings at 600-700). */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/fonts/inter-latin-variable.woff2') format('woff2'); } @font-face { font-family: 'Cairo'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/fonts/cairo-arabic-variable.woff2') format('woff2'); } /* Overrides Bootstrap 5's own --bs-body-font-family custom property, so every Bootstrap component that references it (body, buttons, form controls, etc.) picks this up too, not just plain text. English gets Inter, Arabic gets Cairo - swapped per . */ :root { --bs-body-font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } html[dir="rtl"] { --bs-body-font-family: 'Cairo', 'Inter', -apple-system, BlinkMacSystemFont, Tahoma, sans-serif; }