@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&family=Noto+Naskh+Arabic:wght@400..700&display=swap');

.navbar-collapse,
.breadcrumb,
.page-title,
.form-label,
.card-table thead,
.dropdown,
.btn,
.pagination,
.nav-tabs,
.alert,
.page-pretitle,
.modal-title,
h1,
h2,
h3,
dt {
  font-family: 'Noto Kufi Arabic', 'Open Sans', -apple-system,
    BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
}

.form-control,
.card-table tbody,
.sidebar-link,
.show-link,
.badge,
.attribute,
dd,
p {
  font-family: 'Noto Naskh Arabic', 'Open Sans', -apple-system,
    BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
}

.custom-invalid {
  border: 1px solid #d63939 !important;
}

.code-input {
  font-family: var(--tblr-font-monospace);
  font-size: 0.8rem;
}