/* WEB-BRAND-01: shared Arabic/Latin typography and official product identity.
 * Cairo is self-hosted, unmodified, and licensed under SIL OFL 1.1.
 * This is a variable face with real weights 200–1000; no synthetic faces.
 */
@font-face {
  font-family: 'Noor Cairo';
  src: url('fonts/cairo/Cairo-variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
}
:root { --noor-font-ui: 'Noor Cairo', sans-serif; }
body.public-landing, body.public-docs {
  font-family: var(--noor-font-ui);
  font-weight: 400;
  font-synthesis: none;
  line-height: 1.9;
}
:is(.public-landing, .public-docs) :is(button, input, select, textarea) {
  font-family: inherit;
  font-weight: 500;
}
:is(.public-landing, .public-docs) :is(h1, h2, h3, h4, h5, h6) {
  font-weight: 700;
  line-height: 1.5;
}
:is(.public-landing, .public-docs) :is(nav a, .nav-links a, .nav-mobile a) {
  font-weight: 500;
}
:is(.public-landing, .public-docs) :is(.nav-logo, .document-brand) {
  font-weight: 700;
}
/* Never change captured third-party content, icon fonts, or code typography. */
:is(.public-landing, .public-docs) :is(pre, code, kbd, samp) {
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}
html[dir=rtl] :is(.public-landing, .public-docs),
html[dir=rtl] :is(.public-landing, .public-docs) :is(h1, h2, h3, h4, h5, h6, .section-label) {
  letter-spacing: normal;
}
/* The official transparent navy mark rests on the mobile brand's ivory
 * surface in both themes; explicit boxes prevent image-load layout shifts. */
:is(.nav-logo, .document-brand) img {
  object-fit: contain;
  flex-shrink: 0;
  padding: 3px;
  background: #fffdf5;
  border-radius: 10px;
}