/* elegance/theme-black.css — açık temanın yanında alternatif "siyah" (OLED) tema.
   Yalnızca html[data-theme="black"] iken devrede; seçim navbar'daki düğmeyle
   localStorage'a yazılıyor (base.html). Renklerin çoğu elegance token'larından
   geldiği için burada önce token'lar, sonra token kullanmayan eski dosyalar
   (corporate, pagination) ve Bootstrap'in temel bileşenleri eziliyor.
   Kontrast: metin #e6e8eb / zemin #000 ≈ 17:1, ikincil metin #a3a9b3 ≈ 8:1, turuncu buton + koyu yazı 5.9:1. */

html[data-theme="black"] {
  color-scheme: dark;

  --elg-ink: #f3f4f6;
  --elg-text: #e6e8eb;
  --elg-muted: #a3a9b3;
  --elg-faint: #8b929d;

  --elg-accent: #e08a63;
  --elg-accent-ink: #eba07f;
  --elg-accent-soft: #2a1812;

  --elg-bg: #000;
  --elg-bg-soft: #0b0b0c;
  --elg-line: #1c1d20;
  --elg-line-strong: #2a2c31;

  --elg-tag-blue-bg: #2a1812;    --elg-tag-blue-fg: #eba07f;
  --elg-tag-sky-bg: #241710;     --elg-tag-sky-fg: #f0b393;
  --elg-tag-indigo-bg: #201612;  --elg-tag-indigo-fg: #e4b9a3;
  --elg-tag-green-bg: #052016;   --elg-tag-green-fg: #6ee7b7;
  --elg-tag-purple-bg: #1c1236;  --elg-tag-purple-fg: #c4b5fd;

  --freelance-primary: #eba07f;
  --freelance-primary-soft: #2a1812;
  --freelance-border: #2a2c31;
  --freelance-muted: #a3a9b3;

  --elg-page: #000;
  --elg-primary: #d97757;
  --elg-primary-hover: #e08a63;

  /* Bootstrap 5.2 değişkenleri */
  --bs-link-color: #eba07f;
  --bs-link-hover-color: #f0b393;
  --bs-body-bg: #000;
  --bs-body-color: #e6e8eb;
  --bs-border-color: #2a2c31;
  --bs-secondary-color: #a3a9b3;
}

html[data-theme="black"],
html[data-theme="black"] body {
  background: #000;
  color: var(--elg-text);
}

/* Buton paleti: siyah zeminde tek bir vurgu rengi. Birincil butonlar turuncu
   zemin + koyu yazı, ikincil butonlar çerçeveli. Dil seçicinin aktif hâli
   bir buton değil seçim olduğu için açık zemin + siyah yazı kalıyor. */
html[data-theme="black"] {
  --black-primary: #d97757;
  --black-primary-hover: #e08a63;
  --black-on-primary: #141413;
}

html[data-theme="black"] .elg-nav-cta,
html[data-theme="black"] .elg-oss-cta,
html[data-theme="black"] .elg-btn-dark,
html[data-theme="black"] .elg-cta-mark,
html[data-theme="black"] .elg-newsletter button,
html[data-theme="black"] .elg-sp-cta,
html[data-theme="black"] .elg-pr-btn,
html[data-theme="black"] .elg-chip.elg-chip-active,
html[data-theme="black"] .elg-blog-section .page-item.active .page-link {
  background: var(--black-primary);
  border-color: var(--black-primary);
  color: var(--black-on-primary);
}

html[data-theme="black"] .elg-nav-cta:hover,
html[data-theme="black"] .elg-nav-cta:focus-visible,
html[data-theme="black"] .elg-btn-dark:hover,
html[data-theme="black"] .elg-oss-cta:hover,
html[data-theme="black"] .elg-sp-cta:hover,
html[data-theme="black"] .elg-pr-btn:hover,
html[data-theme="black"] .elg-newsletter button:hover {
  background: var(--black-primary-hover);
  border-color: var(--black-primary-hover);
  color: var(--black-on-primary);
}

html[data-theme="black"] .elg-lang a[aria-current="true"] {
  background: #f3f4f6;
  color: #000;
}

html[data-theme="black"] .elg-btn-outline {
  border-color: var(--elg-line-strong);
  color: var(--elg-text);
}

html[data-theme="black"] .elg-footer,
html[data-theme="black"] .elg-cta {
  background: #000;
}

/* Bootstrap temel bileşenleri */
html[data-theme="black"] .text-muted,
html[data-theme="black"] .text-secondary {
  color: var(--elg-muted) !important;
}

html[data-theme="black"] .text-dark {
  color: var(--elg-text) !important;
}

html[data-theme="black"] .bg-white,
html[data-theme="black"] .bg-light {
  background-color: var(--elg-bg-soft) !important;
}

html[data-theme="black"] .card,
html[data-theme="black"] .dropdown-menu,
html[data-theme="black"] .list-group-item,
html[data-theme="black"] .modal-content {
  background-color: var(--elg-bg-soft);
  border-color: var(--elg-line-strong);
  color: var(--elg-text);
}

html[data-theme="black"] .dropdown-item {
  color: var(--elg-text);
}

html[data-theme="black"] .dropdown-item:hover,
html[data-theme="black"] .dropdown-item:focus {
  background-color: #16171a;
  color: #fff;
}

html[data-theme="black"] .form-control,
html[data-theme="black"] .form-select,
html[data-theme="black"] .contact-block .form-control {
  background-color: #0b0b0c;
  border-color: var(--elg-line-strong);
  color: var(--elg-text);
}

html[data-theme="black"] .form-control:focus,
html[data-theme="black"] .form-select:focus {
  background-color: #000;
  border-color: var(--elg-accent);
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(217, 119, 87, 0.3);
}

html[data-theme="black"] .form-control::placeholder {
  color: #6b7280;
}

html[data-theme="black"] .alert-success {
  background: #052016;
  border-color: #065f46;
  color: #6ee7b7;
}

html[data-theme="black"] .alert-danger {
  background: #2a0b0b;
  border-color: #7f1d1d;
  color: #fca5a5;
}

html[data-theme="black"] .alert-secondary {
  background: #111214;
  border-color: var(--elg-line-strong);
  color: var(--elg-muted);
}

html[data-theme="black"] a:not([class]) {
  color: var(--elg-accent-ink);
}

/* İçindekiler: okunmamış bölüm gri kalsın, okudukça turuncu (blog-post.css). */
html[data-theme="black"] .elg-toc-sidebar .toc-list a:not(.toc-active):not(.toc-passed) {
  color: var(--elg-muted);
}

/* corporate: iletişim + freelance (token kullanmayan eski dosyalar) */
html[data-theme="black"] .contact-block,
html[data-theme="black"] .contact-form .contact-block {
  background: #0b0b0c;
  border-color: var(--elg-line-strong);
  color: var(--elg-text);
}

html[data-theme="black"] .contact-block h2,
html[data-theme="black"] .contact-block label,
html[data-theme="black"] .freelance-section-title,
html[data-theme="black"] .freelance-card h3,
html[data-theme="black"] .freelance-card h4,
html[data-theme="black"] .freelance-step h5 {
  color: var(--elg-ink);
}

html[data-theme="black"] .freelance-hero {
  background: linear-gradient(135deg, #050505 0%, #1a0f0a 100%);
  border-color: var(--elg-line-strong);
}

html[data-theme="black"] .freelance-fact,
html[data-theme="black"] .freelance-card,
html[data-theme="black"] .freelance-step,
html[data-theme="black"] .needs-card,
html[data-theme="black"] .needs-chip {
  background: #0b0b0c;
  border-color: var(--elg-line-strong);
  color: var(--elg-text);
}

html[data-theme="black"] .freelance-tabs {
  background: rgba(0, 0, 0, 0.85);
  border-color: var(--elg-line-strong);
}

html[data-theme="black"] .freelance-tabs .freelance-tab-primary,
html[data-theme="black"] .btn-common,
html[data-theme="black"] .booking-slot input:checked + span {
  background: var(--black-primary);
  background-image: none;
  border-color: var(--black-primary);
  color: var(--black-on-primary) !important;
  box-shadow: none;
}

html[data-theme="black"] .freelance-tabs .freelance-tab-primary:hover,
html[data-theme="black"] .btn-common:hover,
html[data-theme="black"] .btn-common:focus {
  background: var(--black-primary-hover);
  background-image: none;
  color: var(--black-on-primary) !important;
}

html[data-theme="black"] .btn-common-outline {
  color: var(--elg-text);
  border-color: var(--elg-line-strong);
  background: transparent;
}

html[data-theme="black"] .btn-common-outline:hover,
html[data-theme="black"] .btn-common-outline:focus {
  color: #fff;
  border-color: #e08a63;
  background: #2a1812;
}

html[data-theme="black"] .booking-day-tab,
html[data-theme="black"] .booking-slot span {
  background: #0b0b0c;
  border-color: var(--elg-line-strong);
  color: var(--elg-text);
}

html[data-theme="black"] .booking-day-tab[aria-selected="true"] {
  background: #2a1812;
  border-color: #e08a63;
  box-shadow: inset 0 0 0 1px #e08a63;
}

html[data-theme="black"] .booking-ok {
  color: #6ee7b7;
}

html[data-theme="black"] .freelance-tool,
html[data-theme="black"] .freelance-pricing-note {
  background: #111214;
  border-color: var(--elg-line-strong);
  color: var(--elg-muted);
}

html[data-theme="black"] .freelance-status-success { background: #052016; color: #6ee7b7; border-color: #065f46; }
html[data-theme="black"] .freelance-status-warning { background: #241505; color: #fcd34d; border-color: #78350f; }
html[data-theme="black"] .freelance-status-secondary { background: #111214; color: #a3a9b3; border-color: #2a2c31; }

html[data-theme="black"] .needs-error {
  color: #fca5a5;
}

/* pagination.css */
html[data-theme="black"] .pagination .page-link,
html[data-theme="black"] .pagination-info {
  background: #0b0b0c;
  border-color: var(--elg-line-strong);
  color: var(--elg-text);
}

/* Yazı içi: kod blokları zaten koyu; satır içi kod ve tablolar */
html[data-theme="black"] .post-body :not(pre) > code {
  background: #16171a;
  color: #f9a8d4;
}

html[data-theme="black"] .post-body table th,
html[data-theme="black"] .post-body table td {
  border-color: var(--elg-line-strong);
}

html[data-theme="black"] .post-body img {
  filter: brightness(0.92);
}

html[data-theme="black"] .elg-theme-toggle {
  color: #fcd34d;
}

/* İlgi Alanlarım: kitap, film/dizi (media-log.css), sertifikalar, koşu, outfit */
html[data-theme="black"] .media-log-hero {
  background: linear-gradient(120deg, #0d0806, #0b0b0c);
  border-bottom-color: var(--elg-line-strong);
}

html[data-theme="black"] .media-log-title,
html[data-theme="black"] .media-section-title,
html[data-theme="black"] .media-subsection-title,
html[data-theme="black"] .media-card-title,
html[data-theme="black"] .media-item-title,
html[data-theme="black"] .media-year-label,
html[data-theme="black"] .media-row-title {
  color: var(--elg-ink);
}

html[data-theme="black"] .media-log-eyebrow,
html[data-theme="black"] .media-log-lede,
html[data-theme="black"] .media-log-filter-label,
html[data-theme="black"] .media-section-subtitle,
html[data-theme="black"] .media-item-meta,
html[data-theme="black"] .media-item-notes,
html[data-theme="black"] .media-row-sub,
html[data-theme="black"] .media-row-notes,
html[data-theme="black"] .media-row-rating small {
  color: var(--elg-muted);
}

html[data-theme="black"] .media-log-filters,
html[data-theme="black"] .media-section,
html[data-theme="black"] .media-card,
html[data-theme="black"] .media-empty {
  background: #0b0b0c;
  border-color: var(--elg-line-strong);
  color: var(--elg-text);
}

html[data-theme="black"] .media-log-stat {
  background: #2a1812;
  color: #eba07f;
}

html[data-theme="black"] .media-item-badge,
html[data-theme="black"] .media-year-count,
html[data-theme="black"] .media-row-rating {
  background: #16171a;
  color: var(--elg-text);
}

html[data-theme="black"] .media-card-count,
html[data-theme="black"] .media-card-series .media-card-count {
  background: #d97757;
  color: var(--black-on-primary);
}

html[data-theme="black"] .media-card-header,
html[data-theme="black"] .media-year,
html[data-theme="black"] .media-row,
html[data-theme="black"] .media-item,
html[data-theme="black"] .media-subsection + .media-subsection {
  border-color: var(--elg-line-strong);
}

html[data-theme="black"] .media-year-caret {
  border-color: var(--elg-muted);
}

html[data-theme="black"] .media-log-filter-buttons .btn-dark,
html[data-theme="black"] .btn-dark {
  background: #d97757;
  border-color: #d97757;
  color: var(--black-on-primary);
}

html[data-theme="black"] .media-log-filter-buttons .btn-outline-dark,
html[data-theme="black"] .btn-outline-dark,
html[data-theme="black"] .btn-outline-secondary,
html[data-theme="black"] .btn-light {
  background: transparent;
  border-color: var(--elg-line-strong);
  color: var(--elg-text);
}

html[data-theme="black"] .btn-outline-dark:hover,
html[data-theme="black"] .btn-outline-secondary:hover,
html[data-theme="black"] .btn-light:hover {
  border-color: #e08a63;
  color: #fff;
}

html[data-theme="black"] .run-panel {
  background: rgba(11, 11, 12, 0.94);
  color: var(--elg-text);
}

html[data-theme="black"] .run-title p,
html[data-theme="black"] .run-types-head,
html[data-theme="black"] .run-type .km,
html[data-theme="black"] .run-stats .sub,
html[data-theme="black"] .run-stats .unit {
  color: var(--elg-muted);
}

html[data-theme="black"] .run-type,
html[data-theme="black"] .run-base button {
  color: var(--elg-text);
}

html[data-theme="black"] .bg-light,
html[data-theme="black"] .rounded.bg-light,
html[data-theme="black"] .border {
  border-color: var(--elg-line-strong) !important;
}

html[data-theme="black"] h1,
html[data-theme="black"] h2,
html[data-theme="black"] h3,
html[data-theme="black"] h4,
html[data-theme="black"] h5,
html[data-theme="black"] h6,
html[data-theme="black"] .h2 {
  color: var(--elg-ink);
}

html[data-theme="black"] .page-link {
  background: #0b0b0c;
  border-color: var(--elg-line-strong);
  color: var(--elg-text);
}

html[data-theme="black"] .page-item.active .page-link {
  background: #d97757;
  border-color: #d97757;
  color: var(--black-on-primary);
}

html[data-theme="black"] .page-item.disabled .page-link {
  background: #0b0b0c;
  color: #4b5563;
}

html[data-theme="black"] .alert-info,
html[data-theme="black"] .alert-warning {
  background: #2a1812;
  border-color: #5c2a18;
  color: #f3cbb8;
}

html[data-theme="black"] .alert-info code {
  color: #f9a8d4;
}

/* Bootstrap bileşenleri (tokens.css'teki açık tema ayarlarının koyu hâli) */
html[data-theme="black"] .nav-pills .nav-link {
  color: #eba07f;
}

html[data-theme="black"] .nav-pills .nav-link.active,
html[data-theme="black"] .nav-pills .show > .nav-link,
html[data-theme="black"] .dropdown-item.active,
html[data-theme="black"] .dropdown-item:active {
  background: var(--black-primary);
  color: var(--black-on-primary);
}

html[data-theme="black"] .badge.bg-info {
  background-color: #2a1812 !important;
  color: #f0b393;
}

html[data-theme="black"] .badge.bg-secondary {
  background-color: #2a2c31 !important;
  color: var(--elg-text);
}

html[data-theme="black"] .text-primary {
  color: #eba07f !important;
}

html[data-theme="black"] .form-check-input:checked {
  background-color: var(--black-primary);
  border-color: var(--black-primary);
}

/* Case study butonu siyah temada turuncu dolu kalır. */
html[data-theme="black"] .freelance-case-actions .btn-common {
  background: var(--black-primary);
  border-color: var(--black-primary);
  color: var(--black-on-primary) !important;
}

html[data-theme="black"] .freelance-case-actions .btn-common:hover,
html[data-theme="black"] .freelance-case-actions .btn-common:focus-visible {
  background: var(--black-primary-hover);
  border-color: var(--black-primary-hover);
}