/* Koyu tema katmanı — app.css'ten SONRA yüklenir.
   Açık temaya hiç dokunmaz: tüm kurallar html[data-tema="koyu"] altındadır.
   Yerleşim, ölçü ve boşluklar değişmez; yalnızca renkler değişkenlerle eşlenir. */

html[data-tema="koyu"] {
    color-scheme: dark;
    --k-zemin: #10131B;
    --k-kart: #191F2B;
    --k-kagit: #141927;
    --k-kagit-ust: #1E2634;
    --k-metin: #F1F5F9;
    --k-govde: #CBD5E1;
    --k-gri: #94A3B8;
    --k-cizgi: #2A3040;
    --k-vurgu: #6366F1;
    --k-vurgu-ust: #4F46E5;
    --k-aktif: #818CF8;
    --k-vurgu-yumusak: rgba(99, 102, 241, .16);
    --k-kar: #34D399;
    --k-kar-yumusak: rgba(52, 211, 153, .13);
    --k-zarar: #F87171;
    --k-zarar-yumusak: rgba(248, 113, 113, .13);
    --k-amber: #FBBF24;
    --k-amber-yumusak: rgba(251, 191, 36, .13);
}

/* Tema düğmesi ikonları (her iki temada da bu dosyadan yönetilir) */
[data-tema-ay] { display: inline-flex; }
[data-tema-gunes] { display: none; }
html[data-tema="koyu"] [data-tema-gunes] { display: inline-flex; }
html[data-tema="koyu"] [data-tema-ay] { display: none; }

html[data-tema="koyu"] body { background: var(--k-zemin); color: var(--k-govde); }

/* Zemin ve dekorlar */
html[data-tema="koyu"] .zemin { background: var(--k-zemin); }
html[data-tema="koyu"] .zemin:before {
    background:
        radial-gradient(60% 55% at 85% 10%, rgba(99, 102, 241, .16), transparent 70%),
        radial-gradient(45% 50% at 5% 0, rgba(52, 211, 153, .07), transparent 70%),
        linear-gradient(#131827, var(--k-zemin) 70%);
}
html[data-tema="koyu"] .zemin:after {
    background-image:
        linear-gradient(rgba(241, 245, 249, .05) 1px, transparent 0),
        linear-gradient(90deg, rgba(241, 245, 249, .05) 1px, transparent 0);
}

/* Kart, rozet ve koyu panel */
html[data-tema="koyu"] .kart {
    background-color: var(--k-kart);
    border-color: var(--k-cizgi);
    --tw-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px -12px rgba(0, 0, 0, .55);
}
html[data-tema="koyu"] .rozet {
    background-color: var(--k-vurgu-yumusak);
    border-color: rgba(129, 140, 248, .3);
    color: var(--k-aktif);
}
html[data-tema="koyu"] .koyu {
    background:
        radial-gradient(70% 90% at 100% 0, rgba(99, 102, 241, .55) 0, transparent 60%),
        radial-gradient(60% 80% at 0 100%, #141b36, transparent 70%),
        #0D1220;
}

/* Yüzeyler */
html[data-tema="koyu"] .bg-white { background-color: var(--k-kart); }
html[data-tema="koyu"] .bg-white\/75 { background-color: rgba(17, 21, 31, .8); }
html[data-tema="koyu"] .supports-\[backdrop-filter\]\:bg-white\/65 { background-color: rgba(17, 21, 31, .72); }
html[data-tema="koyu"] .bg-kagit { background-color: var(--k-kagit); }
html[data-tema="koyu"] .bg-kagit\/80 { background-color: rgba(13, 17, 26, .85); }
html[data-tema="koyu"] .hover\:bg-kagit:hover { background-color: var(--k-kagit-ust); }
html[data-tema="koyu"] .hover\:bg-white\/10:hover { background-color: rgba(241, 245, 249, .08); }
html[data-tema="koyu"] .bg-lacivert { background-color: #232B3C; }
html[data-tema="koyu"] .hover\:bg-lacivert-700:hover { background-color: #2B3448; }

/* Metinler */
html[data-tema="koyu"] .text-lacivert { color: var(--k-metin); }
html[data-tema="koyu"] .hover\:text-lacivert:hover { color: var(--k-metin); }
html[data-tema="koyu"] .text-antrasit { color: var(--k-govde); }
html[data-tema="koyu"] .text-gri { color: var(--k-gri); }
html[data-tema="koyu"] .placeholder\:text-gri\/70::placeholder { color: #64748B; }

/* Çizgiler */
html[data-tema="koyu"] .border-cizgi { border-color: var(--k-cizgi); }
html[data-tema="koyu"] .border-cizgi\/80 { border-color: rgba(42, 48, 64, .85); }
html[data-tema="koyu"] .divide-cizgi > :not([hidden]) ~ :not([hidden]) { border-color: var(--k-cizgi); }

/* Vurgu (indigo) */
html[data-tema="koyu"] .bg-vurgu { background-color: var(--k-vurgu); }
html[data-tema="koyu"] .hover\:bg-vurgu-700:hover { background-color: var(--k-vurgu-ust); }
html[data-tema="koyu"] .text-vurgu, html[data-tema="koyu"] .text-vurgu-700 { color: var(--k-aktif); }
html[data-tema="koyu"] .bg-vurgu-50 { background-color: var(--k-vurgu-yumusak); }
html[data-tema="koyu"] .hover\:bg-vurgu-50:hover { background-color: var(--k-vurgu-yumusak); }
html[data-tema="koyu"] .bg-vurgu\/15 { background-color: rgba(99, 102, 241, .2); }
html[data-tema="koyu"] .bg-vurgu\/40 { background-color: rgba(99, 102, 241, .45); }
html[data-tema="koyu"] .bg-vurgu\/70 { background-color: rgba(99, 102, 241, .75); }
html[data-tema="koyu"] .hover\:border-vurgu\/40:hover { border-color: rgba(129, 140, 248, .45); }
html[data-tema="koyu"] .accent-vurgu { accent-color: var(--k-vurgu); }
html[data-tema="koyu"] .focus\:border-vurgu:focus { border-color: var(--k-vurgu); }
html[data-tema="koyu"] .focus\:ring-vurgu\/15:focus { --tw-ring-color: rgba(99, 102, 241, .28); }
html[data-tema="koyu"] .shadow-\[0_8px_24px_-8px_rgba\(51\2c 85\2c 255\2c \.6\)\] { --tw-shadow: 0 8px 24px -8px rgba(99, 102, 241, .55); }
html[data-tema="koyu"] .to-vurgu { --tw-gradient-to: #6366F1 var(--tw-gradient-to-position); }

/* Kâr / zarar / amber */
html[data-tema="koyu"] .text-kar { color: var(--k-kar); }
html[data-tema="koyu"] .bg-kar { background-color: #10B981; }
html[data-tema="koyu"] .bg-kar-50 { background-color: var(--k-kar-yumusak); }
html[data-tema="koyu"] .border-kar\/25 { border-color: rgba(52, 211, 153, .3); }
html[data-tema="koyu"] .border-kar\/30 { border-color: rgba(52, 211, 153, .35); }
html[data-tema="koyu"] .cizgi-anim { stroke: var(--k-kar); }
html[data-tema="koyu"] .text-zarar { color: var(--k-zarar); }
html[data-tema="koyu"] .bg-zarar-50 { background-color: var(--k-zarar-yumusak); }
html[data-tema="koyu"] .border-zarar\/30 { border-color: rgba(248, 113, 113, .35); }
html[data-tema="koyu"] .bg-zarar\/60 { background-color: rgba(248, 113, 113, .6); }
html[data-tema="koyu"] .bg-amber-50 { background-color: var(--k-amber-yumusak); }
html[data-tema="koyu"] .text-amber-700 { color: var(--k-amber); }


/* Kök değişkenler: ilerleme çubuğu, odak halkası ve seçim rengi indigo olur */
html[data-tema="koyu"] { --vurgu: #6366F1; --vurgu-acik: #818CF8; --lacivert: #F1F5F9; }
html[data-tema="koyu"] ::selection { background: rgba(99, 102, 241, .35); color: #F1F5F9; }

/* Serbest metin sayfaları (KVKK, gizlilik, çerez) */
html[data-tema="koyu"] .metin h2, html[data-tema="koyu"] .metin h3 { color: var(--k-metin); }
html[data-tema="koyu"] .metin p, html[data-tema="koyu"] .metin li { color: var(--k-govde); }
html[data-tema="koyu"] .metin a { color: var(--k-aktif); }
html[data-tema="koyu"] .metin ul ::marker, html[data-tema="koyu"] .metin ul::marker { color: var(--k-aktif); }

/* Kalan açık yüzey ve süsler */
html[data-tema="koyu"] .bg-cizgi { background-color: var(--k-cizgi); }
html[data-tema="koyu"] .bg-kagit\/60 { background-color: rgba(13, 17, 26, .6) ; }
html[data-tema="koyu"] .bg-white\/90 { background-color: rgba(17, 21, 31, .9); }
html[data-tema="koyu"] .bg-white\/95 { background-color: rgba(17, 21, 31, .95); }
html[data-tema="koyu"] .hover\:bg-white:hover { background-color: var(--k-kagit-ust); }
html[data-tema="koyu"] .bg-\[\#d9dfe9\] { background-color: #262D3C; }
html[data-tema="koyu"] .from-\[\#fbfcfe\] { --tw-gradient-from: #1A2130 var(--tw-gradient-from-position); --tw-gradient-to: rgba(26, 33, 48, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="koyu"] .to-\[\#f4f6fa\] { --tw-gradient-to: #151B28 var(--tw-gradient-to-position); }
html[data-tema="koyu"] .text-lacivert\/15 { color: rgba(241, 245, 249, .1); }
html[data-tema="koyu"] .text-amber-800 { color: var(--k-amber); }
html[data-tema="koyu"] .bg-zarar-50\/60 { background-color: rgba(248, 113, 113, .1); }
html[data-tema="koyu"] .bg-zarar\/45 { background-color: rgba(248, 113, 113, .5); }
html[data-tema="koyu"] .border-lacivert { border-color: var(--k-metin); }
html[data-tema="koyu"] .hover\:border-lacivert\/30:hover { border-color: rgba(241, 245, 249, .3); }

/* Vurgu kenarları ve halkalar indigoya döner */
html[data-tema="koyu"] .kart-hover:hover { border-color: rgba(129, 140, 248, .35); --tw-shadow: 0 2px 4px rgba(0, 0, 0, .3), 0 24px 60px -24px rgba(0, 0, 0, .6); }
html[data-tema="koyu"] .\!border-vurgu\/40, html[data-tema="koyu"] .border-hardal\/40 { border-color: rgba(129, 140, 248, .45) !important; }
html[data-tema="koyu"] .open\:border-vurgu\/30[open] { border-color: rgba(129, 140, 248, .35); }
html[data-tema="koyu"] .ring-vurgu\/20 { --tw-ring-color: rgba(99, 102, 241, .3); }
html[data-tema="koyu"] .group[open] .group-open\:bg-vurgu { background-color: var(--k-vurgu); }
html[data-tema="koyu"] .from-vurgu\/15 { --tw-gradient-from: rgba(99, 102, 241, .18) var(--tw-gradient-from-position); --tw-gradient-to: rgba(99, 102, 241, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
html[data-tema="koyu"] .bg-vurgu\/25 { background-color: rgba(99, 102, 241, .3); }

/* Gölgeler koyuda daha derin, dağınık değil */
html[data-tema="koyu"] .shadow-yuzen { --tw-shadow: 0 2px 4px rgba(0, 0, 0, .3), 0 24px 60px -24px rgba(0, 0, 0, .6); }
html[data-tema="koyu"] .shadow-kart, html[data-tema="koyu"] .open\:\!shadow-kart[open], html[data-tema="koyu"][data-kaydirildi] .\[html\[data-kaydirildi\]_\&\]\:shadow-kart { --tw-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px -12px rgba(0, 0, 0, .55); }

/* Tema geçişi: yalnızca renkler yumuşasın (ölçü/konum animasyonu yok) */
html[data-tema-gecis] body,
html[data-tema-gecis] .kart,
html[data-tema-gecis] .zemin,
html[data-tema-gecis] .bg-white,
html[data-tema-gecis] .bg-kagit {
    transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}

@media (prefers-reduced-motion: reduce) {
    html[data-tema-gecis] body,
    html[data-tema-gecis] .kart,
    html[data-tema-gecis] .zemin,
    html[data-tema-gecis] .bg-white,
    html[data-tema-gecis] .bg-kagit { transition: none; }
}