/* WatchOps24 — Central Typography System
   One font source for the entire site. Section styles must not set font-family. */
:root{
  --font-ar:"IBM Plex Sans Arabic","Noto Sans Arabic","Segoe UI",Arial,sans-serif;
  --font-en:"Inter","Segoe UI",Roboto,Arial,sans-serif;
  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;
  --fw-bold:700;
}

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  font-synthesis:none;
}

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

html[lang="en"] body,
html[lang="en"] button,
html[lang="en"] input,
html[lang="en"] select,
html[lang="en"] textarea{
  font-family:var(--font-en) !important;
}

body{
  font-weight:var(--fw-regular);
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

h1,h2,h3,h4,h5,h6,
p,a,span,strong,b,small,label,button,input,select,textarea{
  font-family:inherit;
}

h1,h2,h3,h4,h5,h6{
  font-synthesis:none;
}

button,input,select,textarea{
  font:inherit;
}

/* Keep the approved weight range consistent across browsers. */
[style*="font-weight: 800"],[style*="font-weight:800"],
[style*="font-weight: 900"],[style*="font-weight:900"]{
  font-weight:var(--fw-bold) !important;
}