/* Koyu tema — Ayarlar > Tema > Koyu (tema.js, html[data-tema="karanlik"]). Varsayılan açık tema stil.css'tir; bu dosya
   yalnız değişkenleri ve değişkensiz yazılmış açık renkleri karanlık karşılıklarıyla ezer. */
:root[data-tema="karanlik"] {
  --zemin: #0e1514;
  --yuzey: #16201f;
  --yuzey2: #1c2827;
  --yuzey3: #243230;
  --cizgi: #2c3a38;
  --yazi: #e6eeec;
  --soluk: #93a5a1;
  --vurgu: #2bb3a3;
  --vurgu-koyu: #1f8f82;
  --vurgu-acik: #123532;
  --kehribar: #f0a347;
  --kehribar-acik: #2e2313;
  --tehlike: #f2706a;
  --golge: 0 10px 32px rgba(0, 0, 0, .55);
  --golge-kucuk: 0 2px 10px rgba(0, 0, 0, .45);
  color-scheme: dark;
}

/* Koyu dolgu = yazı rengi kullanan öğeler karanlıkta açık zemin + beyaz yazı olurdu → vurgu rengine çevrilir */
[data-tema="karanlik"] button:hover { border-color: #3d4f4c; }
[data-tema="karanlik"] .pa-dugmeler button.koyu,
[data-tema="karanlik"] .bp-dugmeler button.koyu,
[data-tema="karanlik"] .yuzer[aria-expanded="true"],
[data-tema="karanlik"] .kontrol-sutun button[aria-pressed="true"],
[data-tema="karanlik"] .kontrol-sutun button[aria-expanded="true"],
[data-tema="karanlik"] .ayar-panel .cip[aria-pressed="true"],
[data-tema="karanlik"] #olcumSerit { background: var(--vurgu-koyu); border-color: var(--vurgu-koyu); color: #fff; }
[data-tema="karanlik"] button.ana,
[data-tema="karanlik"] #parselCipleri button.secili,
[data-tema="karanlik"] .yuzer b { color: #04211e; }

/* Parçalı seçici (Tema, Altlık): seçili dilim zeminden açık olsun */
[data-tema="karanlik"] .parcali { background: #101817; }
[data-tema="karanlik"] .parcali button[aria-pressed="true"] { background: var(--yuzey3); color: var(--yazi); }

/* Değişkensiz açık renkler */
[data-tema="karanlik"] .k-baslik span,
[data-tema="karanlik"] .harita-kart .ap .eg { color: #4d605c; }
[data-tema="karanlik"] .k-meta .mono { text-decoration-color: #4d605c; }
[data-tema="karanlik"] .plan-dugme { color: #f5c58a; background: #3a2a12; }
[data-tema="karanlik"] .plan-dugme:hover { border-color: #8a5f24; }
[data-tema="karanlik"] .adim.suruyor { border-color: #6b4a1f; background: #241c10; }
[data-tema="karanlik"] .adim.suruyor .i { border-color: #6b4a1f; border-top-color: var(--kehribar); }
[data-tema="karanlik"] .adim.bekliyor { color: #5d6f6b; }
[data-tema="karanlik"] .adim .s.rozet { color: #f5c58a; }
[data-tema="karanlik"] .pa-kart ul { color: #b6c4c1; }
[data-tema="karanlik"] .pa-uyari { color: #f5c58a; }
[data-tema="karanlik"] .kontrol-sutun button { color: #c9d6d3; }
[data-tema="karanlik"] .renkler button { border-color: var(--yuzey); }
[data-tema="karanlik"] .harita-kart .ic { background: rgba(22, 32, 31, .92); color: var(--yazi); }
[data-tema="karanlik"] .bilgi-serit { background: rgba(22, 32, 31, .95); color: var(--yazi); }
[data-tema="karanlik"] .kp-anahtar span { background: #3a4a47; }
[data-tema="karanlik"] .kp-anahtar span::after { background: #dfe8e6; }

/* Plan paftası görseli: belediye çizimi beyaz zeminli kalır (okunurluk), çerçeve koyulaşır */
[data-tema="karanlik"] .bp-gorsel { border-color: var(--cizgi); }

/* Form öğeleri ve kaydırma çubuğu */
[data-tema="karanlik"] input,
[data-tema="karanlik"] select { background: var(--yuzey2); border-color: var(--cizgi); color: var(--yazi); }
[data-tema="karanlik"] input::placeholder { color: #6f817d; }
[data-tema="karanlik"] * { scrollbar-color: #33433f transparent; }

/* MapLibre kontrolleri (ölçek, atıf) */
[data-tema="karanlik"] .maplibregl-ctrl-scale { background: rgba(22, 32, 31, .8); color: var(--yazi); border-color: var(--soluk); }
[data-tema="karanlik"] .maplibregl-ctrl-attrib { background: rgba(22, 32, 31, .8); color: var(--soluk); }
[data-tema="karanlik"] .maplibregl-ctrl-attrib a { color: var(--soluk); }
[data-tema="karanlik"] .maplibregl-ctrl-attrib-button { filter: invert(1); }