@font-face {
  font-family: 'Rabar';
  src: url('../../Rabar_015.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root{
  --brand:#7a4b2a;
}

html, body{
  direction: rtl;
}

body{
  font-family: 'Rabar', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

/* Ensure all text elements use the Rabar font */
* { font-family: 'Rabar', inherit !important; }

.hero{
  background: linear-gradient(180deg, rgba(122,75,42,0.9), rgba(122,75,42,0.8)), url('../images/g1/t2.webp') center/cover no-repeat;
  min-height: 320px;
  display:flex;
  align-items:center;
}

img.img-fluid{max-height:520px;object-fit:cover}

/* small tweaks */
.navbar-brand span{font-size:1.25rem}

/* Theme variables */
:root{
  --bg: #ffffff;
  --text: #212529;
  --muted: #6c757d;
  --card-bg: #ffffff;
  --nav-bg: #f8f9fa;
  --footer-bg: #212529;
  --hero-overlay: rgba(122,75,42,0.9);
}

/* Dark theme */
[data-theme="dark"]{
  --bg: #081016;
  --text: #e6eef6;
  --muted: #9aa4ad;
  --card-bg: #0b1418;
  --nav-bg: #071018;
  --footer-bg: #061014;
  --hero-overlay: rgba(2,6,8,0.7);
}

body{
  background: var(--bg);
  color: var(--text);
  transition: background .25s ease, color .25s ease;
}

.navbar{
  background: var(--nav-bg) !important;
}

.card, .list-group-item, .border{
  background: var(--card-bg) !important;
  color: var(--text) !important;
}

footer{
  background: var(--footer-bg) !important;
  color: var(--text) !important;
}

.hero{
  background: linear-gradient(180deg, var(--hero-overlay), rgba(122,75,42,0.6)), url('../images/g1/t2.webp') center/cover no-repeat;
}

/* tweak default light button in dark mode */
[data-theme="dark"] .btn-light{
  background: #1f2937;
  color: #fff;
  border-color: #374151;
}

[data-theme="dark"] .btn-outline-primary{
  color: #cbd5e1;
  border-color: rgba(203,213,225,0.15);
}

/* Ensure navbar text and links are readable in dark mode */
[data-theme="dark"] .navbar,
[data-theme="dark"] .navbar .nav-link,
[data-theme="dark"] .navbar .navbar-brand,
[data-theme="dark"] .navbar .btn{
  color: var(--text) !important;
}

[data-theme="dark"] .navbar .nav-link:hover,
[data-theme="dark"] .navbar .nav-link:focus{
  color: var(--muted) !important;
}

[data-theme="dark"] .navbar-toggler{
  border-color: rgba(255,255,255,0.08);
}

/* invert the default SVG toggler icon so it's visible on dark bg */
[data-theme="dark"] .navbar-toggler-icon{
  filter: invert(1) brightness(3) !important;
}

[data-theme="dark"] .navbar-collapse{
  background: var(--nav-bg);
}