/*
 * ÇandName CSS modülü: Karanlık mod
 * <html data-theme="dark"> iken geçerli olur (düğme: header, betik: assets/js/theme.js).
 * Renk değişkenleri değişir; beyaz arka planlı alanlar --surface ile koyulaşır.
 * Bu dosya diğer CSS dosyalarından bağımsızdır; hata yalnızca bu alanı etkiler.
 * Yükleme sırası: inc/assets.php (bileşen CSS'lerinden sonra)
 */

/* Light-mode look of the switch itself */
.theme-toggle:hover { color: var(--green); border-color: var(--green); }
.theme-toggle .icon-sun { display: none; }

html[data-theme="dark"] {
	color-scheme: dark;
	--paper: #101512;
	--ink: #e9eeea;
	--body: #b9c2bc;
	--muted: #8f9a93;
	--line: #2b342f;
	--line-soft: #222a26;
	--mint: #1a2620;
	--surface: #18201b;
	--link: #7fd6a5;
}
html[data-theme="dark"] .theme-toggle .icon-sun { display: inline; }
html[data-theme="dark"] .theme-toggle .icon-moon { display: none; }
html[data-theme="dark"] .theme-toggle:hover,
html[data-theme="dark"] .random-btn:hover,
html[data-theme="dark"] .push-toggle:hover, html[data-theme="dark"] .push-toggle.is-on,
html[data-theme="dark"] .bm-toggle:hover { color: var(--link); border-color: var(--link); }

/* Surfaces that are plain white in the light theme */
html[data-theme="dark"] .utility,
html[data-theme="dark"] .site-header,
html[data-theme="dark"] form.search,
html[data-theme="dark"] .sections-panel,
html[data-theme="dark"] .nav-menu .sub-menu,
html[data-theme="dark"] .mobile-nav,
html[data-theme="dark"] .mobile-drawer,
html[data-theme="dark"] .search-overlay .search,
html[data-theme="dark"] .search-suggest,
html[data-theme="dark"] .bm-sheet,
html[data-theme="dark"] .vote-btn,
html[data-theme="dark"] .bm-btn,
html[data-theme="dark"] .card--news,
html[data-theme="dark"] .col-box,
html[data-theme="dark"] .widget,
html[data-theme="dark"] .author-box,
html[data-theme="dark"] .author-card,
html[data-theme="dark"] .tag-list a,
html[data-theme="dark"] .page-numbers,
html[data-theme="dark"] .comment-body,
html[data-theme="dark"] .entry-content pre,
html[data-theme="dark"] .comment-form input:not([type="submit"]),
html[data-theme="dark"] .comment-form textarea { background: var(--surface); }
html[data-theme="dark"] .page-numbers.current { background: var(--green); }
html[data-theme="dark"] form.search input,
html[data-theme="dark"] .comment-form input,
html[data-theme="dark"] .comment-form textarea { color: var(--ink); }

/* Text */
html[data-theme="dark"] .entry-content { color: var(--ink); }
html[data-theme="dark"] .btn { color: #1b1f1c; }
html[data-theme="dark"] .btn--green { color: #fff; }
html[data-theme="dark"] .btn:hover { color: #1b1f1c; }
html[data-theme="dark"] .btn--green:hover { color: #fff; }

/* Green text on a dark background needs a lighter green */
html[data-theme="dark"] .entry-meta a,
html[data-theme="dark"] .entry-content a,
html[data-theme="dark"] .section-head > a,
html[data-theme="dark"] .author-box-all,
html[data-theme="dark"] .notice,
html[data-theme="dark"] .lang-switch .is-current,
html[data-theme="dark"] .wordmark span,
html[data-theme="dark"] form.search button,
html[data-theme="dark"] .card-media .ph,
html[data-theme="dark"] .ph,
html[data-theme="dark"] .toc a,
html[data-theme="dark"] .search-suggest-head button,
html[data-theme="dark"] .mobile-nav .current-menu-item > a,
html[data-theme="dark"] .mobile-nav a[aria-current="page"],
html[data-theme="dark"] .mobile-drawer .current-menu-item > a,
html[data-theme="dark"] .mobile-drawer .current-cat > a { color: var(--link); }
html[data-theme="dark"] .site-main a:hover,
html[data-theme="dark"] .sections-panel a:hover,
html[data-theme="dark"] .nav-menu .sub-menu a:hover,
html[data-theme="dark"] .reader-font button:hover,
html[data-theme="dark"] .reader-share .share-toggle:hover,
html[data-theme="dark"] .tag-list a:hover,
html[data-theme="dark"] a.page-numbers:hover { color: var(--link); }
html[data-theme="dark"] .tag-list a:hover,
html[data-theme="dark"] a.page-numbers:hover,
html[data-theme="dark"] .reader-font button:hover,
html[data-theme="dark"] .reader-share .share-toggle:hover { border-color: var(--link); }
html[data-theme="dark"] .site-main .btn:hover { color: #1b1f1c; }
html[data-theme="dark"] .site-main .btn--green:hover,
html[data-theme="dark"] .slide-title a:hover,
html[data-theme="dark"] .card--video .card-title a:hover { color: #fff; }

/* Dark bands and media placeholders */
html[data-theme="dark"] .band-dark,
html[data-theme="dark"] .video-stage { background: #0b0f0d; }
html[data-theme="dark"] .card-media { background: linear-gradient(135deg, #22332a, #3a3524); }

html[data-theme="dark"] .share-panel { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); }
html[data-theme="dark"] .share-item:hover, html[data-theme="dark"] .share-copy:hover, html[data-theme="dark"] .share-native:hover { background: rgba(255, 255, 255, 0.08); }
html[data-theme="dark"] .share-x, html[data-theme="dark"] .share-threads, html[data-theme="dark"] .share-tumblr { color: var(--ink); }

/* Dark mode logo: shown only in dark mode, replaces the normal logo (header.php, candname_dark_logo_html) */
.custom-logo-link-dark { display: none; }
html[data-theme="dark"] .has-dark-logo .custom-logo-link { display: none; }
html[data-theme="dark"] .has-dark-logo .custom-logo-link-dark { display: block; }