/*
 * TEMA TOKENLERİ — bütün marka görünümünün TEK katmanı (aşama 9 / M2).
 *
 * Yükleme sırası: mix.css (Able Pro) → BU DOSYA → marka-paleti.css →
 * partials/tema-tokenlari (yalnız ayarda değişen tokenler) → dark-mode.css →
 * panel-ui-fixes.css. Palet ve düzeltme dosyaları renkleri, köşeleri ve
 * yoğunluğu yalnız buradaki değişkenlerden okur.
 *
 * VARSAYILAN = BUGÜNKÜ GÖRÜNÜM. Her değer, dönüştürmeden önce o yerde
 * yazılı olan sabit ya da var(--kurum-…, yedek) yedeğidir; ayar yapılmamış
 * kurulumda (Hedef) piksel düzeyinde aynı. App\Support\Tema::TOKENLER bu
 * listenin PHP kopyasıdır; TemaTest ikisinin eşit olduğunu denetler.
 *
 * Bugün AYNI ayardan gelen ama ayar yokken FARKLI yedeği olan yerler ayrı
 * token oldu (ör. --marka-notr-rgb 22,35,46 ile --marka-ikincil-rgb 11,61,92;
 * --marka-ana-hover #E8672B ile --marka-ana-koyu #D1571F). Kurum rengi
 * girilince Tema hepsini aynı renkten üretir — bugünkü davranışla aynı.
 */
:root {
    /* Marka */
    --marka-ana: #FF7A3D;
    --marka-ana-rgb: 255, 122, 61;
    --marka-ana-koyu: #D1571F;            /* basılı / üzerine gelince */
    --marka-ana-hover: #E8672B;           /* düğme üzerine gelince (iki yer) */
    --marka-ana-metin: #bb5a2d;           /* beyaz zeminde okunur ana (WCAG ≥ 4.5) */
    --marka-ana-uzeri: #fff;              /* ana zemin üstündeki yazı (body.ana-uzeri-ozel ile) */
    --marka-ana-koyu-mod: #FF7A3D;        /* koyu modda vurgu (--dm-orange) */
    --marka-ikincil: #0B3D5C;             /* eski "vurgu" ayarı: koyu lacivert */
    --marka-ikincil-rgb: 11, 61, 92;
    --marka-notr-rgb: 22, 35, 46;         /* soluk metin / ince zemin üçlüsü */
    --marka-vurgu: var(--marka-ana);      /* üçüncü renk: sekme çizgisi, ilerleme çubuğu */

    /* Yerleşim */
    --marka-ust-zemin: var(--marka-ikincil);
    --marka-ust-metin: rgba(255, 255, 255, 0.8);
    --marka-menu-zemin: #fff;             /* Able menu-light */
    --marka-menu-metin: #535763;          /* Able menu-light */
    --marka-menu-aktif: var(--marka-ikincil);
    --marka-menu-aktif-metin: #fff;

    /* Durum (App\Support\Rozet badge-light-* yazıları) */
    --marka-durum-iyi: #356419;
    --marka-durum-uyari: #7a4f00;
    --marka-durum-tehlike: #b71c1c;
    --marka-durum-bilgi: #00606b;
    --marka-durum-notr: #495057;

    /* Giriş ekranı (auth-stil): ayar yokken kendi yedekleri vardı */
    --marka-giris-koyu: #16232E;
    --marka-giris-derin: #0f1f2c;
    --marka-giris-ana-koyu: #d1632f;

    /* Biçim */
    --marka-yazi-govde: inherit;
    --marka-yazi-baslik: inherit;
    --marka-yazi-olcek: 1;
    --marka-kose: .25rem;                 /* Able kart, pencere, açılır menü, rozet */
    --marka-kose-buyuk: 8px;              /* panelin kendi kutuları (ozet-kutu, filtre çubuğu) */
    --marka-bosluk-olcek: 1;

    /* Eski adlar — geriye uyum (sayfa içi stiller, help-flow). Hepsinin
       kullanım yerindeki yedeği buradaki varsayılana eşit. */
    --kurum-ana: var(--marka-ana);
    --kurum-ana-koyu: var(--marka-ana-koyu);
    --kurum-ana-metin: var(--marka-ana-metin);
    --kurum-ana-rgb: var(--marka-ana-rgb);
    --kurum-vurgu: var(--marka-ikincil);
    --kurum-vurgu-rgb: var(--marka-ikincil-rgb);
}

/* ==========================================================================
   EK KURALLAR — yalnız ayar varsayılandan farklıyken <body>'ye eklenen
   sınıflarla çalışır (App\Support\Tema::govdeSiniflari). Sınıf yoksa hiçbiri
   eşleşmez; bugünkü görünüm değişmez.
   ========================================================================== */

/* Köşe (keskin / yuvarlak / belirgin). Yuvarlak düğme ve hap biçimleri korunur. */
body.kose-ozel .btn:not(.rounded-circle):not(.rounded-pill),
body.kose-ozel .form-control,
body.kose-ozel .custom-select,
body.kose-ozel .input-group-text,
body.kose-ozel .card,
body.kose-ozel .modal-content,
body.kose-ozel .dropdown-menu,
body.kose-ozel .badge:not(.rounded-pill),
body.kose-ozel .alert {
    border-radius: var(--marka-kose) !important;
}

/* Ana zemin üstü yazı (koyu / otomatik). */
body.ana-uzeri-ozel .btn-primary,
body.ana-uzeri-ozel .btn-primary:hover,
body.ana-uzeri-ozel .btn-primary:focus,
body.ana-uzeri-ozel .btn-outline-primary:hover,
body.ana-uzeri-ozel .badge-primary,
body.ana-uzeri-ozel .page-item.active .page-link,
body.ana-uzeri-ozel .nav-pills .nav-link.active {
    color: var(--marka-ana-uzeri) !important;
}

/* Menü zemini ve yazısı (etkin madde --marka-menu-aktif ile marka-paleti.css'te). */
body.menu-ozel .pcoded-navbar.menu-light,
body.menu-ozel .pcoded-navbar.menu-light .pcoded-submenu {
    background-color: var(--marka-menu-zemin);
    color: var(--marka-menu-metin);
}
body.menu-ozel .pcoded-navbar.menu-light a,
body.menu-ozel .pcoded-navbar.menu-light .main-menu-header {
    color: var(--marka-menu-metin);
}

/* Yazı tipi: gövde ve başlık ayrı; "tema" seçiliyken sınıf yok, Able yazısı. */
body.yazi-ozel,
body.yazi-ozel .btn,
body.yazi-ozel .form-control,
body.yazi-ozel input,
body.yazi-ozel select,
body.yazi-ozel textarea,
body.yazi-ozel button {
    font-family: var(--marka-yazi-govde);
}
body.yazi-baslik-ozel h1, body.yazi-baslik-ozel h2, body.yazi-baslik-ozel h3,
body.yazi-baslik-ozel h4, body.yazi-baslik-ozel h5, body.yazi-baslik-ozel h6,
body.yazi-baslik-ozel .ozet-deger {
    font-family: var(--marka-yazi-baslik);
}
body.yazi-olcekli {
    font-size: calc(14px * var(--marka-yazi-olcek));
}
body.yazi-olcekli .pcoded-content .table tbody td {
    font-size: calc(.8125rem * var(--marka-yazi-olcek));
}

/* Yoğunluk: sıkı = tablo, kart, form ve özet şeridi aralıkları küçülür. */
body.yogunluk-siki .pcoded-content .table td,
body.yogunluk-siki .pcoded-content .table th {
    padding: calc(.55rem * var(--marka-bosluk-olcek)) calc(.5rem * var(--marka-bosluk-olcek));
}
body.yogunluk-siki .card .card-body {
    padding: calc(20px * var(--marka-bosluk-olcek));
}
body.yogunluk-siki .form-control:not(textarea) {
    height: calc(1.5em + 1.25rem * var(--marka-bosluk-olcek) + 2px);
    padding: calc(.625rem * var(--marka-bosluk-olcek)) calc(1.1875rem * var(--marka-bosluk-olcek));
}
body.yogunluk-siki .ozet-serit {
    gap: calc(10px * var(--marka-bosluk-olcek));
    margin-bottom: calc(14px * var(--marka-bosluk-olcek));
}

/* Logo (koyu zemin): yalnız yüklenmişse çizilir; koyu modda değişim dark-mode.css'te. */
.tema-logo-koyu { display: none; }