/**
 * theme-light.css — AÇIK tema renk token'ları (varsayılan).
 *
 * Renk kuralları (hangi seçici neyi boyar) TEK yerde: color.css / app-tabler.css.
 * Bu dosya yalnızca DEĞER tutar. Koyu tema karşılığı: theme-dark.css.
 * Bir rengi değiştirmek istersen iki dosyada da aynı token'ı düzenle — kural
 * dosyalarına asla hex yazma.
 *
 * Yükleme sırası: tabler.min.css -> theme-light.css -> theme-dark.css -> geri kalan.
 * Koyu tema <html data-bs-theme="dark"> ile açılır; bu öznitelik aynı zamanda
 * Tabler/Bootstrap'in kendi --tblr-* paletini de koyuya çevirir, böylece
 * modal / dropdown / form-control / tablo gibi bileşenler bedava uyum sağlar.
 */

:root {
    /* zeminler */
    --app-bg:           #e5e5e5;   /* .app-content — sayfa zemini */
    --app-body-bg:      #ffffff;
    --app-surface:      #ffffff;   /* .tile, .card, .app-title */
    --app-surface-2:    #f4f6f9;   /* thead, ikincil dolgu, form kontrolleri */
    --app-surface-3:    #e9ecf1;   /* hover */
    --app-surface-sunk: #f7f7f7;   /* girintili alan (.bg-cc) */

    /* yazı */
    --app-text:         #030615;
    --app-text-muted:   #5b6478;
    --app-text-invert:  #ffffff;   /* koyu zemin üstündeki yazı */

    /* çizgiler */
    --app-border:        #dde1e7;
    --app-border-strong: #c7cdd6;
    --app-grid-line:     #ffffff;  /* tablo hücreleri arası ayraç */

    /* marka + sabit kabuk (üst bar ve sidebar iki temada da koyu) */
    --app-brand:          #525ce5;
    --app-brand-rgb:      82, 92, 229;
    --app-brand-contrast: #ffffff;
    /* Etkileşim tonu. Açık zeminde KOYULAŞIR. */
    --app-brand-hover:    #3d49d6;
    --app-shell:          #1f293f;
    --app-shell-2:        #1a2226;
    --app-shell-text:     #ffffff;
    --app-shell-scroll:   rgba(255, 255, 255, .22);
    /* Kabuk üstü ikincil ton/dolgu/ayraç. Eskiden color.css ve
       modern_overrides.css'te rgba(26,34,38,.8), rgba(44,59,65), #cbd5e1 gibi
       kabuk ailesinden OLMAYAN sabitler vardı; menü ile çubuk ayrı grilere
       düşüyordu. */
    --app-shell-hover:    rgba(255, 255, 255, .08);
    --app-shell-active:   rgba(255, 255, 255, .12);
    --app-shell-muted:    rgba(255, 255, 255, .72);
    --app-shell-border:   rgba(255, 255, 255, .07);
    --app-shell-field:    rgba(255, 255, 255, .10);
    --app-shell-field-focus: rgba(255, 255, 255, .16);
    /* Koyu kabuk üstünde --app-brand (#525ce5) kontrastı düşük kalıyor;
       menü/aktif treeview için bir tık açık indigo. */
    --app-brand-on-shell: #8f97ff;

    /* Kabuk dokusu: üst bar + sidebar nebula görseli. Açık temada içerik zemini
       parlak olduğu için koyu turkuaz kabuk bilinçli bir aksan gibi durur.
       Koyu temada aynı doku indigo markayla renk yarışına giriyor — orada
       gradyanla değiştirildi (bkz. theme-dark.css). */
    --app-header-texture:  url("../image/header_bg.webp");
    --app-sidebar-texture: url("../image/sidebar_bg.webp");
    --app-shell-blend:     overlay;

    /* Semantik durum renkleri. Kod tabanında ÜÇ ayrı set dolaşıyordu: Tabler'ın
       kendi paleti (rozet/buton), color.css'teki Bootstrap 4 tonları
       (#dc3545/#ffc107/#17a2b8) ve custom.css'teki Bootstrap 3 tonları
       (#bd362f/#51a351/#f89406/#2f96b4). Aynı ekranda üç farklı kırmızı "hata"
       anlamına geliyordu. Tek kaynak: Tabler'ın paleti. */
    --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);

    /* Aynı renklerin YAZI olarak kullanılan tonu. Palet renkleri ZEMİN olarak
       (üstünde beyaz yazıyla) tasarlandı; doğrudan yazı rengi yapılınca AA'nın
       altında kalıyorlar — ölçüldü: yeşil 2.74, turuncu 3.04, mavi 3.05
       (asgari 4.5). Raporlardaki tutarlar bu yeşille yazılıyor.
       Ölçüt beyaz kart DEĞİL, sayfa zemini (--app-bg #e5e5e5): bu yazılar
       footer'da ve kart dışı alanlarda da geçiyor, orası daha zor. Değerler
       orijinale EN YAKIN geçen ton olacak şekilde hesaplandı (marka hissi
       bozulmasın); ikisinde de geçiyorlar: sayfada ~4.6, kartta ~5.9. */
    --app-success-text: #1f742c;
    --app-warning-text: #aa4705;
    --app-info-text:    #2d6899;
    --app-danger-text:  #ba3232;

    /* seçim + vurgular */
    --app-selection-bg: #fff48a;
    --app-selection-fg: #000000;
    /* Bağlantı rengi. `--app-brand` (#525ce5) gövde yüzeyinde iki temada da
       WCAG AA'nın altında kalıyor (açıkta 4.15, koyuda 3.67 — asgari 4.5).
       Bu yüzden markanın "okunur" tonu ayrı bir belirteç. */
    --app-link:         #3d49d6;
    /* Eskiden #eb1345 (kırmızı) idi: kırmızı arayüzde "sil/hata" anlamı taşıyor,
       her bağlantı hover'ında o sinyali vermek yanıltıcı. Marka tonuna alındı. */
    --app-link-hover:   #3d49d6;

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

    /* yetki matrisi sütun tonları (bkz. app-tabler.css .perm-matrix) */
    --app-tint-blue:         #eaf2fd;
    --app-tint-green:        #eaf7ee;
    --app-heat-mid:          #f5b800;   /* yoğunluk haritası: brand → sarı → turuncu(warning) → kırmızı(danger) */
    --app-tint-amber:        #fdf4e3;
    --app-tint-blue-strong:  #d3e5fb;
    --app-tint-green-strong: #d5efdd;
    --app-tint-amber-strong: #fae8c6;

    /* --- Tabler/Bootstrap token'larını markaya bağlama (iki temada da geçerli) */

    /* Tabler'ın tablo ayırıcısı rgba(72,110,149,.14); iki temada da fazla soluk
       kalıyor, satırlar birbirine yapışık görünüyor. */
    --tblr-table-border-color: var(--app-border);

    /* Tabler'ın primary'si #066fd1 (mavi). Onay kutuları, radyolar, link'ler,
       focus halkası, .btn-primary hep oradan besleniyordu: sayfada marka
       indigosuyla alakasız bir mavi beliriyordu. Tek marka rengine bağlıyoruz. */
    --tblr-primary:          var(--app-brand);
    --tblr-primary-rgb:      var(--app-brand-rgb);
    --tblr-link-color:       var(--app-brand);
    --tblr-link-hover-color: var(--app-brand);
    --tblr-focus-ring-color: rgba(var(--app-brand-rgb), .25);

    /* --- Genişletilmiş renk skalası (bkz. assets/css/palette.css) --- */
    /* Dolu tonlar temaya göre DEĞİŞMEZ: zemin opak. */
    --tblr-amber:    #e59500;
    --tblr-sand:     #b99050;
    --tblr-mint:     #1cae87;
    --tblr-sky:      #0ea5e9;
    --tblr-lavender: #5d4cc9;
    --tblr-violet:   #5c31bd;
    --tblr-plum:     #7a3872;
    --tblr-magenta:  #a81c7a;
    --tblr-rose:     #c62a51;
    --tblr-coral:    #bd4523;
    --tblr-brown:    #74492e;
    --tblr-olive:    #5a691b;
    --tblr-steel:    #46627e;
    --tblr-slate:    #4c5a6f;

    /* Yüzey üstünde YAZI olarak okunan ton (soft/outline varyantlar). */
    --tblr-amber-on:    #8a5800;
    --tblr-sand-on:     #8a6a2e;
    --tblr-mint-on:     #0d7d5f;
    --tblr-sky-on:      #0369a1;
    --tblr-lavender-on: #5b4bc4;
    --tblr-violet-on:   #5a2fb8;
    --tblr-plum-on:     #7a3872;
    --tblr-magenta-on:  #a51d78;
    --tblr-rose-on:     #c02a52;
    --tblr-coral-on:    #b8482a;
    --tblr-brown-on:    #71482e;
    --tblr-olive-on:    #55621a;
    --tblr-steel-on:    #40607f;
    --tblr-slate-on:    #4a586c;
    --tblr-blue-on:     #0a5ba8;
    --tblr-azure-on:    #2d6899;
    --tblr-indigo-on:   #3348b8;
    --tblr-purple-on:   #8a2ea0;
    --tblr-pink-on:     #ab2856;
    --tblr-red-on:      #ba3232;
    --tblr-orange-on:   #aa4705;
    --tblr-yellow-on:   #8a5800;
    --tblr-lime-on:     #55870f;
    --tblr-green-on:    #1f742c;
    --tblr-teal-on:     #0a7f5c;
    --tblr-cyan-on:     #10788a;
}