@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap');

:root{
  /* The navbar color comes from this var; it is updated inline in base.html */
  --theme-color: var(--theme-color, #0d6efd);
}

body{
  font-family:'Cairo', Arial, sans-serif;
  direction:rtl;
  text-align:right;
  background:var(--page-bg,#fafafa);
}

h1,h2,h3,h4,h5,h6{
  font-weight:700;
}

.navbar{
  border-bottom:4px solid #fff;
  box-shadow:0 2px 4px rgba(0,0,0,0.08);
}

.table-striped>tbody>tr:nth-of-type(odd){
  --bs-table-accent-bg: #f8f9fa;
}

mark{
  background:#fff59d;
  padding:0 4px;
}

/* Flash messages */
.alert{
  direction:ltr; /* keep numbers/date in correct order */
  text-align:left;
}

/* Upload form */
form .form-control, form .form-select{
  text-align:right;
}