/* Theme tweaks inspired by khaldiatowers.org: darker header, teal accents, bolder project presentation */
:root{
  --site-bg: #0b1116;
  --card-bg: #0f1720;
  --muted: #94a3b8;
  --accent: #0fa3a3;
  --accent-2: #66c0b2;
  --text: #e6eef8;
}
html,body{background:var(--site-bg); color:var(--text);}
body{font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Naskh Arabic', sans-serif;}

/* navbar override */
.navbar{background: linear-gradient(180deg, rgba(9,18,22,0.9), rgba(6,14,17,0.85)); border-bottom: 1px solid rgba(255,255,255,0.04);}
.nav-links a{color:var(--muted);} .nav-links a:hover{color:var(--text);} 
/* header logo size for theme */
.brand .logo { height: 100px; max-height: 140px; }

/* Footer tweaks to match cleaned layout */
.footer .column h4 { margin-bottom: 0.5rem; font-size: 1.05rem; }
.footer .column p { margin: 0.25rem 0 0.75rem; }
.footer .contact-form label{font-weight:600}

/* hero darker */
.hero{background: linear-gradient(90deg, rgba(2,6,8,0.7), rgba(6,12,14,0.85)), url('construction%20photos/support.jfif') center/cover no-repeat; color:var(--text);}
.hero-overlay{background: linear-gradient(180deg, rgba(2,6,8,0.45), rgba(2,6,8,0.65));}
.btn{background:var(--accent-2); color:#052023}
.btn.ghost{color:var(--text); border-color:rgba(255,255,255,0.08)}

/* project cards: lift and darker */
.project-card{background: linear-gradient(180deg, rgba(16,23,28,0.6), rgba(12,18,22,0.6)); border: 1px solid rgba(255,255,255,0.04);}
.project-body h3{color:var(--text); font-size:1.4rem}
.pill{background:rgba(255,255,255,0.04); color:var(--muted);}

/* gallery thumb treatment */
.gallery-thumb{transition: transform .2s ease, box-shadow .2s ease;}
.gallery-thumb:hover{transform: translateY(-6px) scale(1.02); box-shadow: 0 30px 60px rgba(0,0,0,0.6);}

/* lightbox tweaks */
.lightbox-img{border-radius:8px;}
.lightbox-close{background:rgba(255,255,255,0.08)}

/* footer */
.footer{background: #f1e4c8 !important; color: #000 !important;}
.footer a { color: #000 !important; }
.footer-bottom { color: #000 !important; }

@media (max-width:720px){
  .hero{background-position: 40% center}
  .project-hero{height:220px !important}
}

/* User request: force all text to black site-wide */
body, body * { color: #000 !important; }

/* Navbar: light sandy color */
.navbar { background: #f1e4c8 !important; border-bottom-color: rgba(0,0,0,0.06) !important; }
.nav-links a { color: #000 !important; }

/* Make specific hero text white as requested */
.hero h1, .hero .hero-sub, .hero .hero-body { color: #fff !important; }