@import url('./app-style-phase12.css');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap');
@import url('./app-ui-bundle.css');

:root{
  --app-font-sans:"IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --app-font-heading:var(--app-font-sans);
  --app-brand:#003b73;
  --app-brand-dark:#002a52;
  --app-gold:#dcb734;
  --app-bg:#faf4c9;
  --app-ink:#243037;
  --app-line:#e9ecef;
}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html[dir="rtl"] body{direction:rtl;text-align:right}
body,
button,
input,
optgroup,
select,
textarea,
.form-control,
.form-select,
.btn,
.table,
.navbar,
.modal,
.dropdown-menu,
.list-group,
.offcanvas,
.tooltip,
.popover,
.badge,
.alert,
.pagination,
.choices,
.choices *,
.site-footer,
.users-roles-page,
.users-roles-page *:not(i),
.apexcharts-text,
.apexcharts-title-text,
.apexcharts-xaxis-label,
.apexcharts-yaxis-label{
  font-family:var(--app-font-sans);
}

body{
  background:var(--app-bg);
  color:var(--app-ink);
}

a{color:var(--app-brand)}
img{max-width:100%}
.font-brand{font-family:var(--app-font-heading)!important}