:root{
  --bg-overlay: rgba(8,20,35,0.55);
}
body{
  margin:0;
  font-family: 'Tajawal', system-ui, Arial, sans-serif;
  background: url('../img/bg1.jpg') center/cover no-repeat fixed;
}

/* keep minimal overrides here; main site styles are migrated into src/styles.css for Tailwind build */
.site-header{ text-align:center; color:#fff; margin-bottom:36px }
.site-header .welcome{opacity:0.85;margin:0 0 6px}
.site-header .title{font-size:38px;margin:0 0 8px}
.site-header .subtitle{opacity:0.9;margin:0}