@font-face {
  font-family: Vazir;
  src: url('/brand/Vazir.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-family: Vazir, Inter, -apple-system, BlinkMacSystemFont, sans-serif;
  --cpd-font-family-sans: Vazir, Inter, -apple-system, BlinkMacSystemFont, sans-serif;
}

html[lang^='fa'] body,
html[lang^='fa'] .mx_MatrixChat,
html[lang^='fa'] .mx_MatrixChat *,
html[lang^='fa'] button,
html[lang^='fa'] input,
html[lang^='fa'] textarea,
html[lang^='fa'] select {
  font-family: Vazir, Twemoji, "Apple Color Emoji", "Segoe UI Emoji", sans-serif !important;
}

html[lang^='fa'] pre,
html[lang^='fa'] code,
html[lang^='fa'] kbd {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
}

html[lang^='fa'] .mx_EventTile_body,
html[lang^='fa'] .mx_BasicMessageComposer_input {
  unicode-bidi: plaintext;
  text-align: start;
}

.mx_AuthPage {
  background: #f2f6f5;
}