/* ============================================================================
 * tokens.css — Tasitlarim2024 tasarim token'lari (TEK KAYNAK)
 * Olusturuldu: 08-08-2026 (UI/UX toparlama, Faz 3)
 * ----------------------------------------------------------------------------
 * BU DOSYA NE YAPAR: yalniz :root degisken TANIMI icerir. Hicbir selektore
 * stil yazmaz, hicbir !important kullanmaz. Bu yuzden yukleme sirasi onemsizdir
 * ve hicbir mevcut kurali ezmez.
 *
 * BU DOSYA NE YAPMAZ: mevcut renk ailelerini DEGISTIRMEZ. Projede zaten bes
 * degisken ailesi var; ALTINCISINI kurmak sorunu buyutur. Onun yerine bu dosya
 * EKSIK olan iki katmani tanimlar (durum + yigin) ve mevcut olanlara dokunmaz:
 *
 *   AILE                  NEREDE            DURUM
 *   --t-*                 themes.css        tema paleti (forest/rose/sunny) — DOKUNULMADI
 *   --bg/--text/--border   site.css :root    ana palet + dark — DOKUNULMADI
 *   --lt-*                views/lite.css    Lite panel izole — DOKUNULMADI
 *   --ah-*                views/admin-help  yardim ekrani izole — DOKUNULMADI
 *   --panel-* , --input-* site.css dark     dark mode detaylari — DOKUNULMADI
 *   --form-*              ui/form-density   alan yuksekligi (08-08) — TEK KAYNAK
 *   --status-*            BU DOSYA          YENI: durum rengi tek kaynak
 *   --z-*                 BU DOSYA          YENI: yigin duzeni olcegi
 *
 * NOT (CSS custom property gecikmeli cozumleme): var() kullanildigi anda
 * cozulur, tanimlandigi anda degil. Bu yuzden buradaki bir token site.css'te
 * SONRA tanimlanan bir degiskene referans verebilir. Sira sorun degil.
 * ============================================================================ */

:root {
    /* ------------------------------------------------------------------------
     * DURUM (STATE) RENKLERI — rozet, satir tonu, bildirim tek kaynak
     * ------------------------------------------------------------------------
     * Degerler Bootstrap 5 semantik paletiyle AYNI: uygulamadaki rozetler
     * (utility.ui.statusBadge -> bg-success/bg-danger...) BS class'i kullanir,
     * dolayisiyla elle cizilen durum renkleri de ayni paleti kullanmali.
     *
     * !!! DIKKAT: site.css :root'taki --success/--danger/--warning FARKLI bir
     * (daha eski, tailwind-ish) palet: --success #22c55e, --danger #ef4444.
     * Onlar accent/vurgu icin kullaniliyor. IKISINI KARISTIRMA — durum
     * gostergesinde --status-*, dekoratif vurguda --accent ailesi.
     */
    --status-danger:  #dc3545;   /* gecmis/kritik — BS danger */
    --status-warning: #fd7e14;   /* yaklasan — BS orange */
    --status-watch:   #ffc107;   /* izlemede — BS warning */
    --status-ok:      #198754;   /* guncel/tamam — BS success */
    --status-info:    #0dcaf0;   /* bilgi — BS info */
    --status-muted:   #6c757d;   /* takip disi / null — BS secondary */

    /* Yumusak (arka plan) varyantlari — rozet dolgusu ve satir tonu icin.
       Renkli metni okunur birakir; kendi hex'ini yazmak yerine bunu kullan. */
    --status-danger-soft:  rgba(220, 53, 69, .12);
    --status-warning-soft: rgba(253, 126, 20, .12);
    --status-watch-soft:   rgba(255, 193, 7, .15);
    --status-ok-soft:      rgba(25, 135, 84, .12);
    --status-info-soft:    rgba(13, 202, 240, .12);
    --status-muted-soft:   rgba(108, 117, 125, .10);

    /* ------------------------------------------------------------------------
     * YIGIN DUZENI (z-index) OLCEGI
     * ------------------------------------------------------------------------
     * Bu olcek MEVCUT degerleri ISIMLENDIRIR — yeniden numaralandirma YAPILMADI.
     * Amac: yeni bir overlay eklerken "hangi sayiyi yazayim" sorusunun tek
     * cevabi olsun ve kimse bir daha 9999/2147483646 yarisina girmesin.
     *
     * YENI KOD KURALI: ciplak z-index sayisi yazma, buradan bir token sec.
     * Ihtiyacin olan katman yoksa BURAYA ekle, dosyaya gomme.
     */
    --z-dropdown:      1000;   /* Bootstrap varsayilani */
    --z-sticky:        1020;   /* Bootstrap .sticky-top */
    --z-fixed:         1030;   /* yapiskan ust bar (blur'lu baslik) */
    --z-nav:           1045;   /* .tlw-nav — sticky'nin ustunde kalmali */
    --z-backdrop:      1050;   /* modal/yukleniyor ortusu */
    --z-fab:           1050;   /* sayfaya sabit yuzen aksiyon butonu (sayfa yardimi) */
    --z-modal:         1055;   /* Bootstrap modal — TlwModal BASE_Z ile AYNI */
    --z-modal-step:      20;   /* ust uste modal artisi — tlw-modal.js STEP ile AYNI */
    --z-popover:       1070;   /* Bootstrap popover */
    --z-tooltip:       1080;   /* Bootstrap tooltip */
    --z-over-modal:    1080;   /* acik modalin USTUNE cikmasi gereken dropdown/popover */
    --z-tour-overlay:  1080;   /* page-tour: karartma ortusu */
    --z-tour-ring:     1081;   /* page-tour: vurgu halkasi */
    --z-tour-tip:      1082;   /* page-tour: aciklama balonu */
    --z-toast:         1200;   /* realtime bildirim kabi */
    --z-portal:        2000;   /* body'e portal edilen panel (TlwSelect) —
                                  acik modal merdiveninin (1055+20n) USTUNDE */
    --z-overlay:       9999;   /* tam ekran ortu (yukleniyor/onizleme) */
    --z-floating-menu:10000;   /* body cocugu fixed menu (.tlw-fmenu) */
    --z-capture: 2147483646;   /* Capture butonu — HER SEYIN ustunde kalmali,
                                  ekran goruntusu alirken modal/toast dahil
                                  hicbir sey onu kapatmamali. Bilincli max-int. */
}