/**
 * theme-dark.css — KOYU tema renk token'ları.
 *
 * theme-light.css'in birebir karşılığı: aynı token adları, farklı değerler.
 * Burada SEÇİCİ/KURAL yok — renk kuralları color.css ve app-tabler.css'te,
 * ikisi de bu token'lardan okuyor. Yeni bir token eklerken ikisine de ekle,
 * yoksa koyu tarafta açık tema değeri sızar.
 *
 * Palet: mavi-nötr grafit. Eski #0f172a slate'te kart ile sayfa zemini neredeyse
 * aynı tondu, hiçbir kutu ayırt edilemiyordu; buradaki zemin daha derin ve
 * yüzeylerle arasında gerçek kontrast farkı var.
 */

:root[data-bs-theme="dark"] {
    /* zeminler — sayfa → kart → kart içi alan → öne çıkan arası ardışık oran ≥ 1,24 (önce 1,10; ölçüm: allDatas, 2026-10-04) */
    --app-bg:           #070a10;
    --app-body-bg:      #070a10;
    --app-surface:      #1c222e;
    --app-surface-2:    #2a3242;
    --app-surface-3:    #374256;
    --app-surface-sunk: #0f141c;

    /* yazı */
    --app-text:         #e7eaf0;
    --app-text-muted:   #a6b0c0;
    --app-text-invert:  #ffffff;

    /* çizgiler — koyu zeminde ayırıcı çizgi hızlı sönüyor: #28303e, #151a23 kart
       üstünde neredeyse görünmüyordu ("tr'lerin alt border'i yok"). Yüzeyden
       belirgin biçimde ayrılan bir ton gerekiyor. */
    --app-border:        #313a4b;
    --app-border-strong: #46536a;
    --app-grid-line:     #313a4b;

    /* marka — TEK renk, iki temada da aynı indigo. Koyu tarafta bir tık açmayı
       denedim, mora kaçtı. */
    --app-brand:          #525ce5;
    --app-brand-rgb:      82, 92, 229;
    --app-brand-contrast: #ffffff;
    /* Koyu zeminde etkileşim AYDINLANIR — açık temadaki #3d49d6 burada butonu
       zemine gömüyor, "tıklandı" değil "devre dışı" gibi okunuyordu. */
    --app-brand-hover:    #6b74ea;
    --app-shell:          #11151d;
    --app-shell-2:        #171c26;
    --app-shell-text:     #e7eaf0;
    /* Beyaz tutamak koyu kabukta sırıtıyordu; kenarlık tonuyla aynı aileden. */
    --app-shell-scroll:   #37415a;
    --app-shell-hover:    rgba(255, 255, 255, .055);
    --app-shell-active:   rgba(255, 255, 255, .09);
    --app-shell-muted:    #9aa4b8;
    --app-shell-border:   rgba(255, 255, 255, .06);
    --app-shell-field:    rgba(255, 255, 255, .07);
    --app-shell-field-focus: rgba(255, 255, 255, .12);
    --app-brand-on-shell: #8f97ff;

    /* Koyu temada nebula görseli KALDIRILDI: turkuaz doku, indigo marka ve
       mavi-grafit yüzeylerle üçüncü bir renk ailesi açıyordu — üst bar ile
       sidebar aynı token'dan beslendiği halde farklı kırpım (cover) yüzünden
       farklı renkte görünüyordu. Yerine kabuğun kendi ailesinden çok hafif bir
       dikey gradyan: derinlik kalıyor, rakip renk gidiyor.
       Gradyanla overlay harmanı tonu bozacağı için blend de normal. */
    --app-header-texture:  linear-gradient(180deg, #171d29 0%, #11151d 100%);
    --app-sidebar-texture: linear-gradient(180deg, #171d29 0%, #0f131b 100%);
    --app-shell-blend:     normal;

    /* Semantik durum renkleri — açık temayla aynı kaynak (Tabler paleti).
       data-bs-theme="dark" Tabler'ın kendi --tblr-* değerlerini zaten koyu
       tarafa çevirdiği için burada ayrı hex yazmaya gerek yok. */
    --app-danger:      var(--tblr-danger, #d63939);
    --app-danger-rgb:  var(--tblr-danger-rgb, 214, 57, 57);
    --app-success:     var(--tblr-success, #2fb344);
    --app-warning:     var(--tblr-warning, #f76707);
    --app-info:        var(--tblr-info, #4299e1);

    /* Yazı tonları — açık taraftaki `--app-*-text` ile aynı rol. Koyu zeminde
       yeşil/turuncu/mavi zaten geçiyor (6.52 / 5.88 / 5.86); yalnızca kırmızı
       3.84'te kalıyordu, beyaza doğru %14 kaydırıldı. */
    --app-success-text: var(--app-success);
    --app-warning-text: var(--app-warning);
    --app-info-text:    var(--app-info);
    --app-danger-text:  #dc5555;   /* 4.67:1 */

    /* seçim + vurgular */
    --app-selection-bg: #3b45b8;
    --app-selection-fg: #ffffff;
    /* Bağlantı rengi — açık taraftaki `--app-link` ile aynı rol, koyu zeminde
       okunur ton. `--app-brand` (#525ce5) burada 3.67:1 kalıyor (asgari 4.5). */
    --app-link:         #8f97ff;
    /* Açık temadaki kırmızının koyu karşılığı olarak #ff6b8a (pembe) duruyordu;
       indigo markayla akrabalığı yoktu. Kabuk üstü marka tonuyla aynı aile. */
    --app-link-hover:   #8f97ff;

    /* gölge */
    --app-shadow-color: rgba(0, 0, 0, .55);
    --app-shadow-soft:  rgba(0, 0, 0, .35);

    /* yetki matrisi sütun tonları */
    --app-tint-blue:         rgba(44, 97, 173, .22);
    --app-tint-green:        rgba(46, 125, 50, .20);
    --app-heat-mid:          #f5b800;   /* yoğunluk haritası: brand → sarı → turuncu(warning) → kırmızı(danger) */
    --app-tint-amber:        rgba(180, 131, 0, .18);
    --app-tint-blue-strong:  rgba(44, 97, 173, .34);
    --app-tint-green-strong: rgba(46, 125, 50, .30);
    --app-tint-amber-strong: rgba(180, 131, 0, .28);

    /* Tabler'ın kendi koyu paleti #111827 gri-mavi; yukarıdaki zeminle iki farklı
       koyu ton çakışmasın diye Tabler'ın yüzey token'larını da buraya bağlıyoruz.
       Bunu yapmazsak modal/dropdown/tablo Tabler'ın tonunda, kartlar bizimkinde
       kalıp sayfada iki ayrı "koyu" beliriyor. */
    --tblr-body-bg:              var(--app-bg);
    --tblr-body-color:           var(--app-text);
    --tblr-border-color:         var(--app-border);
    --tblr-table-border-color:   var(--app-border);
    --tblr-secondary-bg:         var(--app-surface-2);
    --tblr-tertiary-bg:          var(--app-surface-3);
    --tblr-bg-surface:           var(--app-surface);
    --tblr-bg-surface-secondary: var(--app-surface-2);
    --tblr-bg-surface-tertiary:  var(--app-surface-3);
    --tblr-bg-forms:             var(--app-surface-2);

    /* --- Genişletilmiş renk skalası (bkz. assets/css/palette.css) --- */
    /* Yüzey üstünde YAZI olarak okunan ton (soft/outline varyantlar). */
    --tblr-amber-on:    #f0b451;
    --tblr-sand-on:     #dcbb85;
    --tblr-mint-on:     #4fd8ae;
    --tblr-sky-on:      #5cc6fb;
    --tblr-lavender-on: #a99cf5;
    --tblr-violet-on:   #a281f0;
    --tblr-plum-on:     #c98cbf;
    --tblr-magenta-on:  #ef7ec4;
    --tblr-rose-on:     #f58ba4;
    --tblr-coral-on:    #f2937a;
    --tblr-brown-on:    #c08f6c;
    --tblr-olive-on:    #a8ba52;
    --tblr-steel-on:    #90aecb;
    --tblr-slate-on:    #96a6bd;
    --tblr-blue-on:     #5aa9ee;
    --tblr-azure-on:    #6db9ec;
    --tblr-indigo-on:   #8098f3;
    --tblr-purple-on:   #cd77e0;
    --tblr-pink-on:     #f0729a;
    --tblr-red-on:      #ee7676;
    --tblr-orange-on:   #fb9247;
    --tblr-yellow-on:   #f5b93a;
    --tblr-lime-on:     #a0d247;
    --tblr-green-on:    #5ecf70;
    --tblr-teal-on:     #35c9a0;
    --tblr-cyan-on:     #4cc4d8;
}