:root {
  --font-ar: 'Zain', 'Cairo', sans-serif;
  --font-en: 'Inter', 'Poppins', sans-serif;

  --brand-gold: #ffaf4b;
  --brand-gold-dark: #b8860b;
  --brand-navy: #1c1a17;
}

html body {
  font-family: var(--font-ar);
}

html [dir="ltr"],
html .ltr,
html .font-en,
html input[type="tel"],
html input[type="email"],
html input[type="number"] {
  font-family: var(--font-en);
}

/* Navbar profile avatar fallback (initials on a gold circle) — the stock
   default avatar (public/images/user.png) is a near-white silhouette,
   invisible on a light navbar; used only when the admin still has it. */
.navbar-profile-avatar-fallback {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--brand-gold) 0%, var(--brand-gold-dark) 100%);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  flex: 0 0 auto;
}