/* =========================================================
   Global Typography — Vazirmatn (self-hosted)
   Visual chrome: see admin-theme.css
   ========================================================= */

@font-face {
  font-family: "Vazirmatn";
  src: url("/fonts/vazirmatn/Vazirmatn-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("/fonts/vazirmatn/Vazirmatn-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("/fonts/vazirmatn/Vazirmatn-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("/fonts/vazirmatn/Vazirmatn-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --app-font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
  --bs-font-sans-serif: var(--app-font-family);
  --bs-body-font-family: var(--app-font-family);
}

html {
  font-size: 14px;
  font-family: var(--app-font-family);
  position: relative;
  min-height: 100%;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
  font-family: var(--app-font-family);
}

button,
input,
select,
textarea,
.btn,
.form-control,
.form-select,
.dropdown-menu,
.modal,
.nav-link,
.navbar,
.sidebar {
  font-family: inherit;
}

.tabulator,
.tabulator .tabulator-header,
.tabulator .tabulator-cell,
.tabulator .tabulator-col,
.tabulator input,
.tabulator select,
.tabulator textarea {
  font-family: inherit;
}

.select2-container,
.select2-container .select2-selection,
.select2-container .select2-selection__rendered,
.select2-container .select2-results__option,
.select2-dropdown {
  font-family: inherit;
}

.alertify .ajs-header,
.alertify .ajs-body,
.alertify .ajs-footer .ajs-buttons .ajs-button,
.alertify-notifier .ajs-message {
  font-family: inherit;
}

.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder,
.form-floating > .form-control:focus::placeholder {
  text-align: start;
}