/**
 * Header: logo yanı sayfa adı — Bootstrap / Tailwind / Baklava link renkleri
 * gömülü header <style> üzerine yazabiliyor; bu dosya base.html'de dark-mode'dan sonra yüklenir.
 */
html:not(.dark-mode) .header-bar .header-logo-link {
  color: #0f172a !important;
  text-decoration: none !important;
}

html:not(.dark-mode) .header-bar .header-logo-text,
html:not(.dark-mode) .header-bar #headerPageName {
  font-size: 1.0625rem !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  letter-spacing: -0.03em !important;
  line-height: 1.2 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html:not(.dark-mode) .header-bar .header-logo-link:hover {
  background: rgba(15, 23, 42, 0.06) !important;
}

html:not(.dark-mode) .header-bar .header-logo-link:hover .header-logo-text,
html:not(.dark-mode) .header-bar .header-logo-link:hover #headerPageName {
  color: var(--color-primary-hover, #0163c2) !important;
}

html.dark-mode .header-bar .header-logo-text,
html.dark-mode .header-bar #headerPageName {
  color: var(--tm-text-primary) !important;
}

html.dark-mode .header-bar .header-logo-link:hover .header-logo-text,
html.dark-mode .header-bar .header-logo-link:hover #headerPageName {
  color: var(--tm-header-logo-hover) !important;
}