/* ═══════════════════════════════════════════════════════════════════
   OKUNABİLİRLİK + TÜRKÇELEŞTİRME DÜZELTMELERİ
   ------------------------------------------------------------------
   KULLANICI (3 istek):
     1) "sitedeki bütün yazı fontlarını kalın okunabilir yap, bazı
        yerler okunmuyor"
     2) "ingilizce yerlerde türkçe harf kullanma, mesela diamond gibi
        olan yerleri de türkçe yap"
     3) "şemaların yanına seçmeli şekilde TR EN ekle"

   ÖLÇÜM (canlı sayfa, kontrast taraması):
     yp__kdaAyrac        32 adet  kontrast 1.04  (9px)  → GÖRÜNMEZ
     yrm__adimNo          3 adet  kontrast 1.04  (40px) → GÖRÜNMEZ
     ad-cift__ayrac       1 adet  kontrast 1.00  (26px) → GÖRÜNMEZ
     ittifak__sekme.aktif 1 adet  kontrast 1.06  (12px) → GÖRÜNMEZ
   Sebep: bu öğeler `--muted-2` + düşük alfa ya da vurgu renginin
   %40 saydam hâlini kullanıyordu.

   TÜRKÇE: İngilizce kalan alanlar
     · kap-kart__alt  → "Soloqueue · Dereceli Tek" → "Tek Sıralı"
     · Türkçe metinde büyük harf dönüşümü: CSS `text-transform:
       uppercase` Türkçe'de "i" harfini "I" yapar (İ olmalı).
       Bu yüzden Türkçe metinlerde `text-transform:none` +
       doğru yazım uygulanır.

   Dosya EN SON yüklenir.
   ═══════════════════════════════════════════════════════════════════ */

/* ═══════════ 1) OKUNABİLİRLİK ═══════════════════════════════════
   Kural: gövde/içerik metni en az 4.5 kontrast (WCAG AA), büyük
   başlıklar en az 3.0. Ölçülen 4 sınıf bunu geçmiyordu. */

/* KDA ayraçları ("/" işaretleri): --muted-2 çok soluktu */
.yp__kdaAyrac{
  color:var(--govde);           /* kalıcı metin rengi: tüm temalarda AA */
  opacity:1;                    /* .7 alfa kontrastı 1.04'e düşürüyordu */
  font-weight:600;
}

/* Yorumlar adım numaraları (01/02/03): vurgu %40 saydamdı */
.yrm__adimNo{
  color:var(--gold);
  opacity:1;
  -webkit-text-fill-color:currentColor;
  font-weight:700;
}

/* Oyuncu adı "#" ayracı */
.ad-cift__ayrac{
  color:var(--gold);
  opacity:1;
  font-weight:600;
}

/* İttifak dönem sekmeleri: aktif sekmenin metni koyu kalıyordu */
.ittifak__sekme{
  color:var(--govde);
  font-weight:600;
}
.ittifak__sekme.is-aktif{
  color:var(--gold-hi);
  background:color-mix(in srgb,var(--gold) 16%,transparent);
  border-color:color-mix(in srgb,var(--gold) 55%,transparent);
  font-weight:700;
}
[data-theme="light"] .ittifak__sekme.is-aktif,
[data-theme="tozpembe"] .ittifak__sekme.is-aktif,
[data-theme="bej"] .ittifak__sekme.is-aktif{
  color:#fffdf5;
  background:var(--gold);
}

/* ═══════════ 2) GENEL KALINLIK + OKUNABİLİRLİK ══════════════════
   KULLANICI: "bütün yazı fontlarını kalın ve okunabilir yap."
   Tüm ikincil metin katmanları bir kademe kalınlaştırılır; 300/400
   ağırlıklı ince yazılar koyu zeminde kayboluyordu. */
:root{
  --muted:#aeb8c4;              /* #a3adba → daha açık, daha okunur */
  --muted-2:#9aa5b2;            /* #8f99a6 → açıldı */
}
[data-theme="light"]{ --muted:#4f4638; --muted-2:#5c5346 }
[data-theme="tozpembe"]{ --muted:#5e3d47; --muted-2:#6d4b55 }
[data-theme="bej"]{ --muted:#4e4433; --muted-2:#5c5140 }
[data-theme="siyah"]{ --muted:#a8abb5; --muted-2:#9497a0 }
[data-theme="bordo"]{ --muted:#cdb39f; --muted-2:#b89b87 }
[data-theme="koyuyesil"]{ --muted:#a8c1ac; --muted-2:#93ab97 }

/* Etiket/sayı satırları: ince mono yazı kalınlaştırılır */
.kap-kart__olcum dt,
.kap-kart__olcum dd,
.kap-kart__alt,
.hrk__etiket,
.hrk__alt,
.ittifak__not,
.yp__alt,
.yrm__etiket{ font-weight:600 }

/* Çok küçük puntolar (8-10px) okunmuyordu: taban yükseltilir */
.kap-kart__olcum dt{ font-size:10px }
.kap-kart__olcum dd{ font-size:14.5px }
.kap-kart__alt{ font-size:9.5px; letter-spacing:.11em }
.hrk__etiket{ font-size:9.5px }
.kap-ikili__yan .kap-kart__olcum dt{ font-size:9px }
.kap-ikili__yan .kap-kart__alt{ font-size:8.5px }

/* ═══════════ 3) TÜRKÇELEŞTİRME ══════════════════════════════════
   Türkçe metinlerde `text-transform:uppercase` "i"yi "I" yapar;
   Türkçe'de doğrusu "İ". Bu yüzden Türkçe içeren öğelerde
   büyük harf dönüşümü KAPATILIR ve metin olduğu gibi yazılır. */
.kap-kart__alt,
.ittifak__not,
.ittifak__sekme,
.yrm__etiket{ text-transform:none; letter-spacing:.08em }

/* İngilizce sınıf adlarından gelen ama Türkçe gösterilen etiketler
   için: büyük harf gerekiyorsa CSS yerine metne doğru yazılır. */


/* ═══════════ 4) /meta SAYFASI ══════════════════════════════════
   ÖLÇÜLDÜ: meta sayfasında 26 öğe 3.5 altındaydı.
     mg-satir__no  x24  kontrast 3.05  11px  → sıra numaraları okunmuyor
   (11px metin için WCAG AA eşiği 4.5'tir; 3.05 yetersiz.) */
.mg-satir__no{
  color:var(--muted);
  font-weight:700;
  opacity:1;
}
[data-theme="light"] .mg-satir__no,
[data-theme="tozpembe"] .mg-satir__no,
[data-theme="bej"] .mg-satir__no{ color:var(--gold-lo,var(--gold)) }

/* Bu sayfadaki diğer küçük mono etiketler de kalınlaştırılır. */
.mg-satir td,
.mg-satir th{ font-weight:600 }