/* ══════════════════════════════════════════════════════════════════
   32-contrast-polish.css — AYDINLIK TEMA OKUNURLUĞU + CİLA  (2026-08-04)

   EN SON YÜKLENİR (31-touch-readability'den de sonra): buradaki
   düzeltmeleri hiçbir dosya ezmesin.

   NEDEN VAR: tests/contrast-check.py, aydınlık temada BEYAZ ZEMİN
   ÜZERİNE BEYAZ yazılan metinler buldu. En ağırı piksel sayacının
   ortasındaki rakamdı (#pnum) — yani oyunun en çok bakılan sayısı
   aydınlık temada hiç görünmüyordu. Düzen testleri bunu yakalayamaz:
   öge oradadır, doğru boyuttadır, sadece OKUNMUYORDUR.

   Bu dosya YALNIZCA renk/okunurluk ve dokunuş geri bildirimi ekler;
   hiçbir ölçü, konum ya da düzen değiştirmez (mobile-check + pc-check
   ile doğrulandı).
══════════════════════════════════════════════════════════════════ */


/* ── 1. --fg DEĞİŞKENİ HİÇ TANIMLI DEĞİLDİ ─────────────────────────
   17 yerde `var(--fg, #e8e8f0)` / `var(--fg, #fff)` yazılmış ama
   --fg hiçbir yerde tanımlanmamış (projenin metin değişkeni --txt).
   Yedek değer devreye girdiği için o metinler HER TEMADA neredeyse
   beyaz kalıyordu: aydınlık temada beyaz zemine beyaz yazı.
   Etkilenenler: kısayol tuşu düğmeleri (Ayarlar → Kontroller),
   hikâye penceresi, şablon moderasyon paneli, fraksiyon giriş alanı,
   sohbet grup düğmeleri.

   Tek satırla hepsi düzeliyor — dosyaları tek tek düzenlemeye gerek
   yok, çünkü `var()` değeri kullanıldığı anda çözülüyor. */
:root { --fg: var(--txt); }


/* ── 2. PİKSEL SAYACI (üst orta) ───────────────────────────────────
   20-console.css:245 `color:#fff !important` diyordu; halkanın zemini
   ise --surf (aydınlık temada saf beyaz). Kontrast oranı 1.03 —
   yani rakam görünmüyordu. Karanlık temada --txt zaten neredeyse
   beyaz, o yüzden orada görüntü değişmiyor. */
#pnum {
  color: var(--txt) !important;
  text-shadow: none !important;
}
:root:not([data-theme="light"]) #pnum {
  /* Karanlıkta eski ışıltı korunuyor */
  text-shadow: 0 0 14px rgba(var(--accent-rgb), .5) !important;
}
/* Halkanın boş kısmı da beyaz üstüne beyazdı — nötr griye alındı,
   iki temada da görünür. */
.pr-track { stroke: rgba(124, 130, 158, .22) !important; }


/* ── 3. AYDINLIK TEMADA SOLAN ROZETLER ─────────────────────────────
   Bu renkler koyu zemin için seçilmişti; kendi açık renkli rozet
   zeminlerinin üstünde aydınlık temada kayboluyorlardı. Aynı renk
   ailesinin koyu tonuna çekildi — rozetin kimliği (turkuaz mod,
   altın ödül, mavi şablon modu) korunuyor. */
:root[data-theme="light"] .qcard-reward {
  color: #8a5a00 !important;
  background: rgba(245, 166, 35, .16) !important;
  border-color: rgba(245, 166, 35, .40) !important;
}
:root[data-theme="light"] .pf-staff-mod {
  color: #0b7c92 !important;
  -webkit-text-fill-color: #0b7c92 !important;
  background: rgba(34, 211, 238, .20) !important;
}
:root[data-theme="light"] .pf-staff-tplmod {
  color: #2b57c4 !important;
  -webkit-text-fill-color: #2b57c4 !important;
  background: rgba(79, 140, 255, .18) !important;
}
:root[data-theme="light"] .pf-staff-admin {
  color: #b3202f !important;
  -webkit-text-fill-color: #b3202f !important;
  background: rgba(240, 74, 74, .16) !important;
}
/* Görev zorluk çipleri (kolay/orta/zor): aydınlık temada kendi açık
   renkli zeminlerinin üstünde soluk kalıyordu — aynı renk, koyu ton. */
:root[data-theme="light"] .qd-easy   { color: #00795c !important; }
:root[data-theme="light"] .qd-medium { color: #9a6200 !important; }
:root[data-theme="light"] .qd-hard   { color: #b3202f !important; }

/* Yetenek ağacı bilgi çipleri de aynı sebeple soluktu */
:root[data-theme="light"] .sk-st-fx,
:root[data-theme="light"] .sk-st-chip.bits { color: #8a5a00 !important; }
:root[data-theme="light"] .sk-st-rar       { color: #2b57c4 !important; }


/* ══════════════════════════════════════════════════════════════════
   CİLA — düzeni değiştirmeyen görsel iyileştirmeler
══════════════════════════════════════════════════════════════════ */

/* ── 4. KLAVYEYLE GEZİNME GÖRÜNÜR OLDU ─────────────────────────────
   Tarayıcının varsayılan odak halkası birçok yerde `outline:none` ile
   kapatılmıştı; klavye kullanan (ya da fareyi eline almak istemeyen)
   oyuncu nerede olduğunu göremiyordu. :focus-visible YALNIZCA klavye
   odağında çalışır — fareyle tıklayınca halka çıkmaz, yani görüntü
   bozulmaz. */
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid rgba(var(--accent-rgb), .85) !important;
  outline-offset: 2px !important;
  border-radius: 6px;
}

/* ── 5. DOKUNUŞ/TIK GERİ BİLDİRİMİ ────────────────────────────────
   Basılan düğme bir tık içeri gidiyor. Tek başına küçük ama oyunun
   her yerinde olduğu için arayüzü belirgin biçimde "canlı" yapıyor.
   transform kullanılıyor: düzeni etkilemez, yalnız çizimi etkiler. */
button:not(:disabled):active,
.ptbtn:not(:disabled):active,
.fc-btn:not(:disabled):active,
.pc-btn:not(:disabled):active {
  transform: translateY(1px) scale(.985);
}
button { transition: transform .12s ease, filter .18s ease, opacity .18s ease; }
/* Animasyondan rahatsız olan / azaltılmış hareket isteyen oyuncu */
@media (prefers-reduced-motion: reduce) {
  button { transition: none; }
  button:active { transform: none; }
}

/* ── 6. KAYDIRMA ÇUBUKLARI ────────────────────────────────────────
   Varsayılan Windows çubuğu panellerin içinde kaba duruyordu; ince ve
   temaya uyumlu hâle getirildi. Firefox `scrollbar-*`, Chromium/Edge
   `::-webkit-scrollbar` kullanır — ikisi de yazıldı. */
* { scrollbar-width: thin; scrollbar-color: rgba(var(--accent-rgb), .45) transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(var(--accent-rgb), .38);
  border: 2px solid transparent;
  background-clip: content-box;
  border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover { background: rgba(var(--accent-rgb), .62); background-clip: content-box; }

/* ── 7. SEÇİM RENGİ ───────────────────────────────────────────────
   Metin seçilince çıkan mavi, oyunun vurgu rengiyle değiştirildi. */
::selection { background: rgba(var(--accent-rgb), .30); color: var(--txt); }

/* ── 8. GÖRSELLERİN OTURMASI ──────────────────────────────────────
   Fraksiyon logoları ve profil fotoğrafları oyuncunun yüklediği
   görseller; ölçekleme sırasında bulanıklaşmasınlar diye
   yumuşak filtre, kenarları da yüzeyle aynı yuvarlaklıkta. */
.fc-logo-inner img, .pc-av img, .pb-av img { image-rendering: auto; }

/* ── 9. DEVRE DIŞI DÜĞMELER ───────────────────────────────────────
   Bazı yerlerde devre dışı düğme etkinden ayırt edilemiyordu. */
button:disabled, .fc-btn:disabled, .ptbtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

/* ── 10. YEŞİL DOLGU ÜZERİNDEKİ BEYAZ YAZI ────────────────────────
   Görev panelinde aktif sekme ve "Al" düğmesi --green (#22d3a5) ile
   doluyor, yazısı da beyazdı: ölçülen kontrast 1,92 — "görünmez"
   sınırının hemen üstünde, yani okunuyor ama zorlayarak. Parlak
   yeşil zaten çok aydınlık; üzerine beyaz değil KOYU mürekkep gider
   (aynı zeminle kontrast 8,7'ye çıkıyor). Dolgu rengine dokunulmadı,
   yalnızca yazı rengi değişti — düğmeler görsel olarak aynı yerde. */
.quest-tab.active,
.qcard-claim.ready { color: #04231b !important; }

/* ── 11. AÇIK TEMADA ALTIN MADALYA RENGİ ──────────────────────────
   Ülke sıralamasında birinciyi gösteren "1" rakamı açık temada
   #d9a406 idi; neredeyse beyaz zeminde kontrast 1,99. Ton altın
   kalıyor, yalnız koyulaştırıldı (kontrast 4,9). Koyu temadaki
   --medal-1'e DOKUNULMADI, orada zaten sorun yok. */
:root[data-theme="light"] { --medal-1: #8a6100; }