/* Yıldırım Han logo palette: turuncu, antrasit, gri ve kırık beyaz */
:root {
  --navy2: #3f3f3f;
  --gold: #f4511e;
  --ink: #414141;
  --muted: #6f6f6f;
  --paper: #f3f3f3;
  --line: #dddddd;
  --shadow: 0 24px 60px #2929291c;
}
/* --navy ve --orange BURADA TANIMLANMAZ: bu iki renk admin panelindeki
   "Tema ve Renk Ayarları" (Ana Vurgu Rengi / Koyu Zemin Rengi) üzerinden
   includes/header.php içinde dinamik olarak ayarlanır. Burada sabit bir
   değer verilirse panelden yapılan renk değişiklikleri siteye yansımaz. */

body { color: var(--ink); background: var(--paper); }
.header { border-bottom-color: #ffffff30; }
.header-cta { border-color: var(--orange); color: #fff; }
.logo > span { border-color: var(--orange); color: var(--orange); }
.logo small { color: #d5d5d5; }
.dropdown { color: var(--ink); }

.hero, .inner-header, .footer, .stats { background: var(--navy); }
.hero-shade, .hero-slide-veil { background: linear-gradient(90deg, #202020ed 0%, #292929a8 52%, #29292952); }
.hero-nav-btn { background: #292929a8; }
.primary { background: var(--orange); color: #fff; }
.primary:hover { background: #ff6a37; color: #fff; }
.gold, .card small, .project-row small, .review-grid footer,
.breadcrumb, .footer h4 { color: var(--orange); }

.services, .testimonials { background: #fff; }
.quote { background: #e8e8e8; }
.card, .review-grid blockquote { background: #f1f1f1; }
.review-grid .featured { background: #3f3f3f; }
.refs { background: #3f3f3f; }
.ref-track span { border-color: #ffffff2b; }
.cta-banner {
  background: linear-gradient(90deg, #292929ed, #3f3f3f88),
    var(--cta-bg) center/cover;
}
.page-banner { background: linear-gradient(#292929dd, #3f3f3fba), var(--banner) center/cover; }
.floating a { background: #3f3f3f; }
.floating a:last-child { background: var(--orange); color: #fff; }
.scroll-top { background: #3f3f3f; }
.scroll-top:hover { background: var(--orange); color: #fff; }
.lightbox { background: #202020ed; }
.text-link:hover, .menu a:hover, .menu a:focus-visible,
.footer-grid > div > a:hover, .sidebar a:hover { color: var(--orange); }

@media (max-width: 720px) {
  .header { background: #292929ed; }
  .menu { background: #292929; }
  .dropdown { background: #3f3f3f; color: #e5e5e5; }
  .dropdown a { color: #e5e5e5; }
}