/* Koyu tema (Ekim 2026): #16212B zemin. html[data-theme] değerini assets/theme.js koyar:
   "Otomatik" seçiliyken İstanbul'da güneş batınca koyu, doğunca açık olur. Footer'daki seçim localStorage'da (zy_tema) kalır.
   Açık tema style.css'teki gibi; bu dosya yalnızca koyu temada sabit yazılmış renkleri değiştirir. */

:root[data-theme='dark'] {
  color-scheme: dark;
  --bg: #16212b;
  --card: #1c2935;
  --text: #e9eef3;
  --muted: #9daab7;
  --line: #2a3a48;
  --line-strong: #3b4e60;
  --soft: #223240;
  --body-text: #c9d3dc;
}

/* Metin ve zeminler */
:root[data-theme='dark'] .prose p,
:root[data-theme='dark'] .faq__a,
:root[data-theme='dark'] .post__body,
:root[data-theme='dark'] .comment__text { color: var(--body-text); }
:root[data-theme='dark'] .avatar { background: var(--card); }
:root[data-theme='dark'] .work__media,
:root[data-theme='dark'] .post-card__media,
:root[data-theme='dark'] .svc__cover,
:root[data-theme='dark'] .post__body code,
:root[data-theme='dark'] .side-list a:hover { background: var(--soft); }
:root[data-theme='dark'] .post-meta > * + *::before { color: #5d6e7e; }

/* Üzerine gelince koyulaşan çizgiler koyu temada açılır */
:root[data-theme='dark'] .tabs button:hover,
:root[data-theme='dark'] .tabs a:hover { border-color: var(--line-strong); }
@media (hover: hover) { :root[data-theme='dark'] .help__card:hover { border-color: var(--line-strong); } }

/* Ters renkli öğeler: açık temada siyah zemin + beyaz yazı, koyu temada açık zemin + koyu yazı */
:root[data-theme='dark'] .btn--ghost:hover,
:root[data-theme='dark'] .tabs button[aria-selected='true'],
:root[data-theme='dark'] .tabs a[aria-current='page'] { background: var(--text); color: var(--bg); border-color: var(--text); }

/* Masaüstü üst çubuk ve telefondaki alt menü */
:root[data-theme='dark'] .header__bar { background: rgba(22, 33, 43, 0.82); }
@media (max-width: 760px) {
  :root[data-theme='dark'] .nav { background: rgba(22, 33, 43, 0.94); }
}

/* İletişim kutusu zaten koyu: sayfadan ayrılsın diye ince çerçeve */
:root[data-theme='dark'] .contact { background: #0f1820; box-shadow: inset 0 0 0 1px var(--line); }
:root[data-theme='dark'] .contact .btn--ghost:hover { background: #fff; color: #16212b; border-color: #fff; }

/* Mavi yarı saydam zeminler koyu zeminde biraz daha belirgin */
:root[data-theme='dark'] .help__icon,
:root[data-theme='dark'] .side-list a[aria-current='page'],
:root[data-theme='dark'] .like__btn[aria-pressed='true'],
:root[data-theme='dark'] .comments h2 .count,
:root[data-theme='dark'] .comment__badge,
:root[data-theme='dark'] .comment__avatar { background: rgba(0, 136, 255, 0.16); }
:root[data-theme='dark'] .comment--reply { background: rgba(0, 136, 255, 0.08); }

/* Yorum formu */
:root[data-theme='dark'] .comment-form input,
:root[data-theme='dark'] .comment-form textarea { background: var(--bg); border-color: var(--line-strong); }
:root[data-theme='dark'] .comment-form__msg.is-ok { color: #4ade80; }
:root[data-theme='dark'] .comment-form__msg.is-err { color: #f87171; }

/* Görsel büyütme ve çerez bandı */
:root[data-theme='dark'] .zoom__hint { background: rgba(22, 33, 43, 0.92); }
:root[data-theme='dark'] .consent { box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45); }

/* ---------- Footer: tema seçici (dil seçicinin yanında, aynı görünümde) ---------- */
.theme-switch { display: flex; align-items: center; gap: 4px 14px; }
.theme-switch button {
  display: inline-flex; align-items: center; gap: 5px; padding: 0; border: 0; background: none;
  font: inherit; color: inherit; cursor: pointer; transition: color 0.2s linear;
}
.theme-switch button:hover { color: var(--text); }
.theme-switch button[aria-pressed='true'] { color: var(--text); font-weight: 500; }
.theme-switch svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }