/*
  Font strategy: IBM Plex Sans Arabic for UI text, tabular numerals always for metrics.
  NOTE: for production, self-host these two woff2 weights (per your calc-sa.com Lighthouse
  learnings — self-hosting avoided a render-blocking Google Fonts request there too).
  This CDN @import is the fast path for this build; swap for local @font-face when ready.
*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

:root {
  --font-ui: 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
}

body {
  font-family: var(--font-ui);
  font-feature-settings: "tnum" 1;
}

.tabular-nums {
  font-variant-numeric: tabular-nums;
  direction: ltr;
  unicode-bidi: plaintext;
}