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

:root {
  --font-body: 'Vazirmatn', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-code: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', 'Vazirmatn', monospace;
  --default-font-family: 'Vazirmatn', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --default-mono-font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', 'Vazirmatn', monospace;
}

html, body {
  font-family: 'Vazirmatn', ui-sans-serif, system-ui, sans-serif !important;
}

button, input, select, textarea, .ProseMirror, [contenteditable="true"] {
  font-family: 'Vazirmatn', ui-sans-serif, system-ui, sans-serif !important;
}

/* Keep Plane's icon font intact */
.material-symbols-rounded, [class*="material-symbols"] {
  font-family: 'Material Symbols Rounded' !important;
}

/* Code and monospace content */
code, pre, kbd, samp, .font-mono, [class*="font-mono"], .cm-editor, .cm-editor * {
  font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', 'Vazirmatn', monospace !important;
}