/* ===== css/zemin.css — arka plan katmanı (v463, SPEC §2.4 · KURALLAR v463 ▸ Arka plan) · style.css'ten SONRA ===== */
/* Katman: z −2 zemin · uygulama · menü/modal. Kontrast örtüsü (z −1) YOK — zarf yapısal (zemin-hesap.js).
   ⚠️ Köke (html) değişken YAZILMAZ; --zemin-tane yalnız #zeminKok öğesine yazılır (zemin.js). mix-blend-mode KULLANILMAZ. */
#zeminKok { position: fixed; inset: 0; z-index: -2; pointer-events: none; overflow: hidden; contain: strict;
  background: var(--st-zemin-taban, var(--zemin)); }
#zeminKok > canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
#zeminKok > canvas.zemin-yumusak { image-rendering: auto; }                 /* JS Aurora/İpek karesi CSS ile büyütülür */
#zeminKok[data-tip="duz"] {
  background:
    radial-gradient(1200px 700px at 12% -10%, color-mix(in srgb, var(--st-zemin-isik-1) 7%, transparent), transparent 60%),
    radial-gradient(900px 600px at 100% 110%, color-mix(in srgb, var(--st-zemin-isik-2) 8%, transparent), transparent 60%),
    var(--st-zemin-taban, var(--zemin));
}
/* v494 KOZMİK: dokular eşzamansız iner (tuval o ana dek GİZLİ) → bu arada ve doku inemezse ("düz"e düşmeden önceki an) aynı kompozisyonun
   CSS izi: altta kehribar ışıma, üstte derin mavi gaz. Oranlar düz tipin ışıklarıyla aynı aile (taban üstünde %7–12) → zarfın çok içinde. */
#zeminKok[data-tip="kozmik"] {
  background:
    radial-gradient(1300px 420px at 50% 108%, color-mix(in srgb, #C8672A 12%, transparent), transparent 70%),
    radial-gradient(1100px 620px at 22% 42%, color-mix(in srgb, #2F6DB8 9%, transparent), transparent 68%),
    var(--st-zemin-taban, var(--zemin));
}
:root[data-tema="aydinlik"] #zeminKok[data-tip="kozmik"] {
  background:
    radial-gradient(1300px 420px at 50% 108%, color-mix(in srgb, #E9B48A 22%, transparent), transparent 70%),
    radial-gradient(1100px 620px at 22% 42%, color-mix(in srgb, #A9C4EA 18%, transparent), transparent 68%),
    var(--st-zemin-taban, var(--zemin));
}
/* v501 HUBBLE: dokular inene dek (ve inemezse "düz"e düşmeden önceki an) fotoğrafın CSS izi: sıcak kızıl-turuncu gaz + serin camgöbeği
   iyonize gaz (Karina / Orion ailesi). Oranlar Kozmik ile aynı aile (taban üstünde %8–12) → zarfın çok içinde. */
#zeminKok[data-tip="hubble"] {
  background:
    radial-gradient(1200px 700px at 80% 30%, color-mix(in srgb, #B5653A 12%, transparent), transparent 68%),
    radial-gradient(1000px 640px at 20% 60%, color-mix(in srgb, #5E9A98 9%, transparent), transparent 68%),
    var(--st-zemin-taban, var(--zemin));
}
:root[data-tema="aydinlik"] #zeminKok[data-tip="hubble"] {
  background:
    radial-gradient(1200px 700px at 80% 30%, color-mix(in srgb, #E8BFA3 22%, transparent), transparent 68%),
    radial-gradient(1000px 640px at 20% 60%, color-mix(in srgb, #BFD8D4 20%, transparent), transparent 68%),
    var(--st-zemin-taban, var(--zemin));
}
/* Durağan tane: zemin.js 96×96 gri gürültüyü BİR KEZ üretir ve #zeminKok ÖĞESİNE --zemin-tane olarak yazar (köke değil) */
#zeminKok::after { content: ""; position: absolute; inset: 0; background-image: var(--zemin-tane, none); opacity: .035; pointer-events: none; }
:root[data-tema="aydinlik"] #zeminKok::after { opacity: .045; }
#zeminKok[data-gl="1"]::after { display: none; }                         /* GL Aurora/İpek tanesini shader'da üretir */
#zeminKok[data-uc="1"]::after { display: none; }                         /* TEST (?demo&zemin-uc=1): düz uç rengi tanesiz → deterministik ölçüm */
body.komuta-modu #zeminKok > * { visibility: hidden; }                   /* Komuta kendi opak zeminini çizer; döngü de durur */
/* v508 — KOMUTA MERKEZİ'nde kullanıcı arka planı GÖRÜNMEZ (kullanıcı, 10.10.2026: "ilk açılan komuta merkezinde arka plan görünmesin, oranın
   zaten kendine özel arka plan tasarımı mevcut"). v467'nin "koyu dengeli/canlıda perde altında görünür" kuralı (.fk-zemin %80 perde,
   #zeminKok içeriği görünür) KALKTI: .fk-zemin komuta-foton.css'teki özgün OPAK zeminine döner, #zeminKok içeriği her temada ve
   canlılıkta gizli. zemin.js ▸ komutaGizli() = Komuta açık → çizim döngüsü durur; açılışta Komuta görünürken çizici BOŞTA kurulur,
   Komuta'dan çıkışta aynı görevde (boyamadan önce) taze kare çizilir → geçişte boş/siyah kare yok. */
/* Geometri v467'deki gibi KALIR (yalnız perde kalktı): koyu dengeli/canlıda .fk-zemin'in derinlik kaydırması (±4,5 px) kenarda şerit açmasın —
   css/tam-ekran.css (v488) aynı kutuyu (top −16px, yükseklik +32px) bu kurala göre kurar. Zemin artık komuta-foton.css'teki OPAK zemindir. */
:root[data-tema="koyu"][data-zemin-canlilik="dengeli"] .foton .fk-zemin,
:root[data-tema="koyu"][data-zemin-canlilik="canli"] .foton .fk-zemin {
  inset: -16px;
}
@media (forced-colors: active) { #zeminKok { display: none; } }
/* v468 son (Z8): DAR EKRANDA (< 760 px) panelsiz yazı (Plan başlığı ve ay özeti, Özet üst satırı) doğrudan zeminin üstünde, ekranın ÜST
   BANDINDA durur; tabakaların dudak ışığı oradan geçince en kötü %1 kontrast 5,5'e iniyordu (okunurluk jürisi, 390 px Plan). Zemin katmanının
   İÇİNDE (z −2, yazının altında) üst bandı tabana doğru hafif koyultan yumuşak degrade — çizgi/kontur yok, yalnız koyu tema, yalnız bu bant. */
@media (max-width: 759px) {
  :root[data-tema="koyu"] #zeminKok::before {
    content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background: linear-gradient(180deg, color-mix(in srgb, var(--st-zemin-taban) 46%, transparent) 0, color-mix(in srgb, var(--st-zemin-taban) 42%, transparent) 190px,
      color-mix(in srgb, var(--st-zemin-taban) 26%, transparent) 330px, transparent 470px);
  }
}

/* ===== v464 CANLILIK (Ayarlar ▸ Arka plan ▸ Canlılık; kök niteliği data-zemin-canlilik — tema-erken.js yazar) =====
   Zarf/ağırlık/hız js/zemin-hesap.js ▸ ZEMIN_CANLILIK'te; buradaki opaklık ve metin değerleri ONUNLA BİRLİKTE ölçüldü:
   tasarim-v463/juri/yogunluk-dogrula.mjs — 8 palet × 3 canlılık, 360 ölçüm, 0 kalan. Biri değişirse doğrulayıcı yeniden koşulur.
   "sade" = v463 (bu blok hiç eşleşmez). Bu dosya tema-paletleri.css'ten SONRA yüklenir → aynı özgüllükte (0,3,0) palet opaklığını ezer. */
/* v467 — SAYDAM CAM PANELLER (kullanıcı: "arka plan görünürlüğünü artırmak için sekmelerdeki menüleri saydamlaştırabilirsin").
   v464–v466'da dengeli/canlı paneller %84–90 opaktı: Özet'te ekranın ancak ~%30'u arka planı gösteriyordu (v466 katman denetimi).
   Artık dengeli/canlıda panel %66/%62 (koyu), %62/%56 (aydınlık); sol ray %62/%56 (koyu), %64/%58 (aydınlık). backdrop-filter YOK
   (15.09.2026 Windows yavaşlığı). Kontrast bedeli aşağıdaki "yazı kaldırma" bloğuyla ödenir; üçü (zarf + opaklık + yazı) BİRLİKTE
   ölçüldü: juri/yogunluk-dogrula.mjs (v467 kopyası: her renk tonu × zarf ucu) → 360 ölçüm, 0 kalan. Biri değişirse yeniden koşulur. */
:root[data-tema="koyu"][data-zemin-canlilik="dengeli"]     { --yuzey-op: 66%; }
:root[data-tema="koyu"][data-zemin-canlilik="canli"]       { --yuzey-op: 62%; }
:root[data-tema="aydinlik"][data-zemin-canlilik="dengeli"] { --yuzey-op: 62%; }
:root[data-tema="aydinlik"][data-zemin-canlilik="canli"]   { --yuzey-op: 56%; }
/* Alt menü (dar ekran, içerik altından kayar) saydamlaşmaz: arkasından geçen yazı menü yazısına karışırdı. */
:root[data-zemin-canlilik="dengeli"] .alt-menu { background: color-mix(in srgb, var(--panel) 86%, transparent); }
:root[data-zemin-canlilik="canli"]   .alt-menu { background: color-mix(in srgb, var(--panel) 90%, transparent); }
/* Sol ray (≥ 1024 px): dar hâlde içerikle ÇAKIŞMAZ (main ray genişliğine kilitli) → cam. Fareyle açılınca içeriğin üstüne
   uzanır → %94'e koyulaşır (açık rayın ardından geçen panel yazısı ray etiketlerine karışmasın). */
@media (min-width: 1024px) {
  :root[data-tema="koyu"][data-zemin-canlilik="dengeli"] .alt-menu     { background: color-mix(in srgb, var(--panel) 62%, transparent); }
  :root[data-tema="koyu"][data-zemin-canlilik="canli"] .alt-menu       { background: color-mix(in srgb, var(--panel) 56%, transparent); }
  :root[data-tema="aydinlik"][data-zemin-canlilik="dengeli"] .alt-menu { background: color-mix(in srgb, var(--panel) 64%, transparent); }
  :root[data-tema="aydinlik"][data-zemin-canlilik="canli"] .alt-menu   { background: color-mix(in srgb, var(--panel) 58%, transparent); }
  :root:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) .alt-menu:hover { background: color-mix(in srgb, var(--panel) 94%, transparent); }
  :root:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) .alt-menu { transition: width .22s cubic-bezier(.4, 0, .2, 1), box-shadow .22s ease, background-color .22s ease; }
}
/* Opak (α 1) satır/kartlar da cama döner (v466 katman denetimi: Plan'da .plan-geciken-satir ekranın %56'sını α 1 ile örtüyordu). */
/* v468 son (Z8): satırlar AYRI ayrı camdı; aralarındaki 6 px boşluk çıplak zemindi → Işık Heykeli'nin dudak ışığı o aralıklardan İNCE PARLAK
   ÇİZGİ gibi görünüyordu (okunurluk jürisi, Plan 100 %). Cam artık LİSTE KABINDA (aralık da camın içinde, tek katman); satırlar saydam,
   kenar çizgisi ve hover aynen. Satırın bileşimi değişmez (aynı --yuzey, aynı --yuzey-op, tek kat) → kontrast ölçümü aynen geçerli. */
/* v468 son düzeltme turu (okunurluk doğrulayıcısı ÖNERİ): cam LİSTEDEN BLOĞA taşındı — başlık ("12 ödemenin tarihi geçti…", tutar) çıplak
   zeminde (yalnız %8 tehlike tonu) kalıyordu, heykelin dudak ışığı başlığın ardından geçiyordu; liste camı başlıkla liste arasında tam
   genişlikte DÜZ bir cam kenarı çiziyordu. Katman sırası: cam ÜSTTE, %8 tehlike tonu ALTTA (eskiden de liste camı tonun üstündeydi) →
   satırların bileşimi AYNEN; başlık da aynı cama oturur, kenar kalkar. Liste ve satırlar saydam. */
:root:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) .plan-geciken-blok {
  background: linear-gradient(color-mix(in srgb, var(--yuzey) var(--yuzey-op), transparent), color-mix(in srgb, var(--yuzey) var(--yuzey-op), transparent)),
    color-mix(in srgb, var(--tehlike) 8%, transparent); }
:root:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) :is(.plan-geciken-liste, .plan-geciken-satir) { background: transparent; }
:root:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) .kredi-kart { background: color-mix(in srgb, var(--panel) var(--yuzey-op), transparent); }
@media (min-width: 1024px) {   /* Ay araç çubuğu (Plan/Tahsilat/Rapor) masaüstünde opak panel çiziyordu (v466 katman denetimi: α 1) */
  :root:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) .ay-bar { background: color-mix(in srgb, var(--panel) var(--yuzey-op), transparent); }
}

/* v467 — YAZI KALDIRMA (koyu) / KOYULTMA (aydınlık): cam panelin ardındaki ışık panel bileşimini açar (koyu) ya da koyultur
   (aydınlık); ikincil ve renkli yazı 4,5:1'i korusun diye --metin'e doğru kayar. Oranlar rol başına EN AZ gerekenin +%5'i
   (juri: rol-kaldır taraması). Koyuda vurgu ve başarı yeşili (Y ≈ 0,57) KALDIRILMAZ — marka rengi aynen parlar.
   ⚠️ Grafik eksen yazısı / sıfır çizgisi Chart.js'e KÖKTEN okunur (grafiktema.js ▸ getComputedStyle(documentElement)) → köke yazılır. */
/* Kaynak kopyalar: kökte ÇÖZÜLMÜŞ anlamsal renk (Klasik aydınlık --tehlike #B31A2A ezmesi, kullanıcı vurgusu, palet değeri dahil).
   .gorunum ezmesi bunları okur — bir özdeğişken kendini referans alamaz (döngü = geçersiz). */
:root { --zemin-kok-uyari: var(--uyari); --zemin-kok-tehlike: var(--tehlike); --zemin-kok-bilgi: var(--bilgi); --zemin-kok-basari: var(--basari); --zemin-kok-vurgu: var(--vurgu); }
/* Grafik token'ları (koyu: aç · aydınlık: koyult) — palet değerleri harfiyen (tamlar.mjs); oranlar juri/yogunluk-dogrula.mjs ile aynı. */
:root[data-tema="koyu"]:not([data-palet]):is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) {
  --st-grafik-yazi: color-mix(in srgb, #96A3BC 90%, #EAF0FC); --st-grafik-taban: color-mix(in srgb, #6B7894 80%, #EAF0FC);
  --st-grafik-notr: color-mix(in srgb, #6B7894 80%, #EAF0FC); --st-grafik-nisan: color-mix(in srgb, #7E8BA3 80%, #EAF0FC);
  --st-sampanya-metin: color-mix(in srgb, #D2B48C 85%, #EAF0FC);
}
:root[data-tema="koyu"][data-palet="grafit"]:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) {
  --st-grafik-yazi: color-mix(in srgb, #9DA3AF 90%, #EDEEF2); --st-grafik-taban: color-mix(in srgb, #6B7280 80%, #EDEEF2);
  --st-grafik-notr: color-mix(in srgb, #6B7280 80%, #EDEEF2); --st-grafik-nisan: color-mix(in srgb, #7D8491 80%, #EDEEF2);
  --st-sampanya-metin: color-mix(in srgb, #D8C49E 85%, #EDEEF2);
}
:root[data-tema="koyu"][data-palet="obsidyen-zumrut"]:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) {
  --st-grafik-yazi: color-mix(in srgb, #8E9C96 90%, #EDF3EF); --st-grafik-taban: color-mix(in srgb, #6B7A74 80%, #EDF3EF);
  --st-grafik-notr: color-mix(in srgb, #6B7A74 80%, #EDF3EF); --st-grafik-nisan: color-mix(in srgb, #7F8F88 80%, #EDF3EF);
  --st-sampanya-metin: color-mix(in srgb, #E3CB9F 85%, #EDF3EF);
}
:root[data-tema="koyu"][data-palet="kutup-isigi"]:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) {
  --st-grafik-yazi: color-mix(in srgb, #8F98B8 90%, #ECEFFA); --st-grafik-taban: color-mix(in srgb, #67719A 80%, #ECEFFA);
  --st-grafik-notr: color-mix(in srgb, #67719A 80%, #ECEFFA); --st-grafik-nisan: color-mix(in srgb, #5E698D 80%, #ECEFFA);
  --st-sampanya-metin: color-mix(in srgb, #E8D2A6 85%, #ECEFFA);
}
/* v470 Apple bitişleri (koyu) — aynı oranlar, palet değerleri harfiyen (tasarim-v470/palet/juri/yeni-paletler.mjs) */
:root[data-tema="koyu"][data-palet="gece-yarisi"]:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) {
  --st-grafik-yazi: color-mix(in srgb, #99A5BD 90%, #EDF1F8); --st-grafik-taban: color-mix(in srgb, #677693 80%, #EDF1F8);
  --st-grafik-notr: color-mix(in srgb, #677693 80%, #EDF1F8); --st-grafik-nisan: color-mix(in srgb, #7A88A4 80%, #EDF1F8);
  --st-sampanya-metin: color-mix(in srgb, #C8D2E4 85%, #EDF1F8);
}
:root[data-tema="koyu"][data-palet="uzay-siyahi"]:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) {
  --st-grafik-yazi: color-mix(in srgb, #A09E9A 90%, #F2F1EF); --st-grafik-taban: color-mix(in srgb, #6E6D6A 80%, #F2F1EF);
  --st-grafik-notr: color-mix(in srgb, #6E6D6A 80%, #F2F1EF); --st-grafik-nisan: color-mix(in srgb, #82807C 80%, #F2F1EF);
  --st-sampanya-metin: color-mix(in srgb, #C9C8CC 85%, #F2F1EF);
}
:root[data-tema="aydinlik"]:not([data-palet]):is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) {
  --st-grafik-yazi: color-mix(in srgb, #3D4A43 90%, #101B34); --st-grafik-taban: color-mix(in srgb, #7E879A 85%, #101B34);
  --st-grafik-notr: color-mix(in srgb, #7E879A 85%, #101B34); --st-grafik-nisan: color-mix(in srgb, #7E879A 85%, #101B34);
  --st-sampanya-metin: color-mix(in srgb, #7A5A2E 90%, #101B34);
}
:root[data-tema="aydinlik"][data-palet="porselen"]:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) {
  --st-grafik-yazi: color-mix(in srgb, #4A505B 90%, #0D0F13); --st-grafik-taban: color-mix(in srgb, #838892 85%, #0D0F13);
  --st-grafik-notr: color-mix(in srgb, #838892 85%, #0D0F13); --st-grafik-nisan: color-mix(in srgb, #838892 85%, #0D0F13);
  --st-sampanya-metin: color-mix(in srgb, #7A5C24 90%, #0D0F13);
}
:root[data-tema="aydinlik"][data-palet="fildisi-varak"]:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) {
  --st-grafik-yazi: color-mix(in srgb, #6E6553 90%, #17140E); --st-grafik-taban: color-mix(in srgb, #8F846F 85%, #17140E);
  --st-grafik-notr: color-mix(in srgb, #8F846F 85%, #17140E); --st-grafik-nisan: color-mix(in srgb, #948362 85%, #17140E);
  --st-sampanya-metin: color-mix(in srgb, #7E5F22 90%, #17140E);
}
:root[data-tema="aydinlik"][data-palet="buzul-safagi"]:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) {
  --st-grafik-yazi: color-mix(in srgb, #5E6582 90%, #121629); --st-grafik-taban: color-mix(in srgb, #80879F 85%, #121629);
  --st-grafik-notr: color-mix(in srgb, #80879F 85%, #121629); --st-grafik-nisan: color-mix(in srgb, #7E849E 85%, #121629);
  --st-sampanya-metin: color-mix(in srgb, #77561C 90%, #121629);
}
/* v470 Apple bitişleri (aydınlık) */
:root[data-tema="aydinlik"][data-palet="yildiz-isigi"]:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) {
  --st-grafik-yazi: color-mix(in srgb, #55514A 90%, #1A1815); --st-grafik-taban: color-mix(in srgb, #878177 85%, #1A1815);
  --st-grafik-notr: color-mix(in srgb, #878177 85%, #1A1815); --st-grafik-nisan: color-mix(in srgb, #878177 85%, #1A1815);
  --st-sampanya-metin: color-mix(in srgb, #7A5C2C 90%, #1A1815);
}
:root[data-tema="aydinlik"][data-palet="dogal-titanyum"]:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) {
  --st-grafik-yazi: color-mix(in srgb, #504D48 90%, #1B1B1A); --st-grafik-taban: color-mix(in srgb, #84807A 85%, #1B1B1A);
  --st-grafik-notr: color-mix(in srgb, #84807A 85%, #1B1B1A); --st-grafik-nisan: color-mix(in srgb, #84807A 85%, #1B1B1A);
  --st-sampanya-metin: color-mix(in srgb, #6E5838 90%, #1B1B1A);
}
:root[data-tema="koyu"]:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) .gorunum {
  --uyari: color-mix(in srgb, var(--zemin-kok-uyari) 70%, var(--metin));
  --tehlike: color-mix(in srgb, var(--zemin-kok-tehlike) 55%, var(--metin));
  --bilgi: color-mix(in srgb, var(--zemin-kok-bilgi) 70%, var(--metin));
  --kenar-vurgu: color-mix(in srgb, var(--st-outline) 75%, var(--metin));
}
:root[data-tema="koyu"]:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) .gorunum .panel {
  --soluk: color-mix(in srgb, var(--st-on-surface-variant) 65%, var(--metin));
}
/* Cama dönen satır/kartlardaki RENKLİ YAZI (v467 kontrast taraması — eskiden bu yüzeyler opaktı, taranmıyordu):
   · kategori rozetleri (Plan satırları: "Kredi" 3,38 · "Kredi Kartı" 3,63) → kendi kategori renginin açık tonu (koyu arayüzde
     standart "renkli hap" dili; kimlik rengi korunur). Grafik serileri kökten okunur → DEĞİŞMEZ.
   · kredi kartı ilerleme yüzdesi (banka rengi %58 → %42; 3,54) */
:root[data-tema="koyu"]:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) .gorunum .rozet-kredi_karti { color: color-mix(in srgb, var(--kat-kart-sirket) 65%, var(--metin)); }
:root[data-tema="koyu"]:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) .gorunum .rozet-kredi       { color: color-mix(in srgb, var(--kat-kredi) 65%, var(--metin)); }
:root[data-tema="koyu"]:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) .gorunum .rozet-kira        { color: color-mix(in srgb, var(--kat-kira) 65%, var(--metin)); }
:root[data-tema="koyu"]:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) .gorunum .rozet-maas        { color: color-mix(in srgb, var(--kat-maas) 65%, var(--metin)); }
:root[data-tema="koyu"]:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) .gorunum .kredi-ilerleme-satir .yuzde { color: color-mix(in srgb, var(--banka, var(--vurgu)) 42%, var(--metin)); }
/* Zemin üstündeki TUTAR TAŞIYAN hafta başlığı ("Girecek" yeşili çıplak zeminde 3,41:1) → cam çip; aydınlık temada zaten
   kendi açık yüzeyine oturuyordu (style.css "Tutar taşıyan kanvas kapları") — koyu karşılığı. */
:root[data-tema="koyu"]:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) .plan-hafta-ust {
  background: color-mix(in srgb, var(--panel) var(--yuzey-op), transparent);
  border-radius: 14px; padding: 9px 12px;
}
:root[data-tema="aydinlik"]:is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) .gorunum {
  --vurgu: color-mix(in srgb, var(--zemin-kok-vurgu) 80%, var(--metin));
  --basari: color-mix(in srgb, var(--zemin-kok-basari) 80%, var(--metin));
  --uyari: color-mix(in srgb, var(--zemin-kok-uyari) 85%, var(--metin));
  --tehlike: color-mix(in srgb, var(--zemin-kok-tehlike) 85%, var(--metin));
  --bilgi: color-mix(in srgb, var(--zemin-kok-bilgi) 80%, var(--metin));
  --kenar-vurgu: color-mix(in srgb, var(--st-outline) 90%, var(--metin));
}
/* v465 — ZEMİN ÜSTÜNDEKİ İKİNCİL YAZI ana yazı rengine çıkar: İKİ TEMADA, HER CANLILIKTA. Panel içinde (yüzey üstünde,
   jüri doğrulayıcısıyla ölçülü) paletin --soluk'u geri gelir. Neden genel kural: v464'te yalnız 5 sınıf korunuyordu;
   başsız DOM taraması (tasarim-v463/kontrast-tara.mjs, 16 görünüm × 8 palet × 3 canlılık) zemin üstünde 125 öğe buldu —
   koyu dengeli 3,30:1 · canlı 2,43:1 (v464) · aydınlık canlı 3,21:1 · Grafit sade 4,0:1 (v463'ten beri). Sınıf listesi
   yeni eklenen zemin-üstü yazıyı kaçırıyordu; bu kural onu da kapsar. */
.gorunum { --soluk: var(--metin); }
.gorunum .panel { --soluk: var(--st-on-surface-variant); }
/* Klasik koyu: tehlike diğer koyu paletlerin açık kırmızısına (#FF6B7B → #FF7A85; vurgu ışığı altında 4,38 → geçer) */
:root[data-tema="koyu"]:not([data-palet]):is([data-zemin-canlilik="dengeli"], [data-zemin-canlilik="canli"]) { --st-error: #FF7A85; }