/* ============================================================
   TETIKTE - ORTAK STIL KATMANI
   24.08.2026'da kuruldu.

   NEDEN VAR:
   Bu dosyadan once sitenin 58 sayfasinin 58'inde de ayri bir
   :root paleti vardi (toplam 106 <style> blogu, 0 adet .css
   dosyasi). Sonucu: tek bir rengi degistirmek 55 dosya
   dolasmak demekti ve palet zamanla kaydi. Olcum: --line
   degiskeninin 6, --dim'in 5, --amber'in 5, marka rengi
   --accent'in 2 farkli degeri vardi.

   NASIL CALISIR:
   Her sayfa <style> blogundan ONCE bu dosyayi baglar. Bir
   sayfanin kanonik degerden farkli bir tonu varsa, o sayfa
   KENDI :root blogunda yalniz o farki tutar; sonra geldigi
   icin kazanir. Boylece tasima gunu hicbir sayfanin gorunumu
   degismedi.

   DEGISTIRIRKEN:
   Zemin/renk kararlari artik yalniz burada verilir. Sayfa
   icine yeni :root yazmak, bu dosyayi kurma sebebini yok
   eder; once buraya bak.
   ============================================================ */

:root{
  /* ---- MARKA İŞARETİ (30.08) — TEMAYA GÖRE DEĞİŞMEZ ------------------
     Logo lambası bir marka varlığıdır, durum rengi değil. --accent açık
     temada #a04a08'e döner (METİN amberi, okunurluk için) ama lamba
     her iki temada da AYNI kalmalı - logo dosyalarıyla (logo.svg,
     logo-acik.svg, favicon.svg) birebir aynı değer.
     Bu yüzden iki stil dosyasında da AYNI iki satır duruyor. */
  --marka-lamba-1:#f5a524;
  --marka-lamba-2:#ffc24b;
  color-scheme:dark;

  /* zemin ve yuzeyler */
  --bg:#06090f;
  --bg2:#0a0f17;
  --panel:#0d141e;
  --panel2:#0a0f17;

  /* ayirici cizgiler */
  --line:rgba(255,255,255,.09);
  --line2:rgba(255,255,255,.13);

  /* yazi tonlari: ana metin -> ikincil -> en soluk */
  --ink:#eef2f7;
  --muted:#93a1b3;
  --dim:#8f9dae;        /* 09.09 KOYU TEMA kontrast: eski #5d6b7c sayfa 3,66 / kart 3,40 / seçili amber 2,45 (esik 4,5). Koyu tema artık yalnız sınav ekranlarında düğmeyle (tema.js); kontrast kapısı koyu geçişte 14 kırık buldu, hepsi bu jetondu. Yeni değer: sayfa 7,21 / kart 6,69 / amber 4,83. Açık temada stil-acik.css kendi --dim ini tanımlar, etkilenmez. */

  /* marka: kehribar nobet lambasi. 29.07'de maviden cevrildi,
     sebep tercih degil tutarlilik - logo, profil resmi ve
     paylasim kartlari kehribar. */
  --accent:#f5a524;
  --accent2:#ffc24b;
  --grad:linear-gradient(135deg,#f5a524 0%,#ffc24b 100%);

  /* durum renkleri */
  --red:#ff6b5e;
  --amber:#ffc24b;
  --amber-dolgu:#ffc24b;
  /* 23.09: amber DOLGU üstündeki yazı - iki temada da koyu (kurulus-nobeti düğmeleri var(--taban) kullanıyordu,
     açık temada kâğıt rengine dönüp 1,54 kontrasta düşüyordu). Koyu tabanda zemin rengi, stil-acik.css'te mürekkep. */
  --amber-uzeri:var(--taban);
  --link:#6fb3ff;
  --green:#3ddc97;

  /* YUZEY DEGISKENLERI (24.08) — tema degistirilebilsin diye.
     Oncesinde sayfalarda 134 yerde bu ucu DUZ HEX olarak yaziliydi
     (#0a0f17 x109, #06090f x14, #0d141e x11) ve tema katmani onlara
     ulasamiyordu. Degerler kanonik paletle BIREBIR ayni; degisken
     baglamak koyu temada hicbir seyi degistirmez, acik temada ise
     hepsi tek yerden doner. */
  --taban:#06090f;    /* sayfa zemini    */
  --yuzey:#0a0f17;    /* ikincil yuzey   */
  --kagit:#0d141e;    /* kart / panel    */

  /* rakam ve kod icin esit genislikli yazi */
  --mono:ui-monospace,"SF Mono","Cascadia Mono","Roboto Mono",Menlo,Consolas,monospace;
}

/* ============================================================
   ONAY KUTUSU / SECIM DUGMESI GORUNURLUGU (28.08.2026)

   KUSUR: Sayfalarin cogunda tek bir satir vardi:
     input,select,textarea{width:100%;padding:11px 13px;border-radius:11px;
                           background:var(--panel2);border:1px solid ...;appearance:none}
   Bu satir metin kutusu icin yazilmisti ama "input" dedigi icin ONAY
   KUTUSUNA da uyguluyordu. Iki sonucu oldu:
     1) appearance:none -> tarayicinin cizdigi tik isareti SILINIR. Kutu
        isaretli de olsa isaretsiz de olsa AYNI gorunur; accent-color'in
        hicbir etkisi kalmaz (o yalniz native cizimi boyar).
     2) padding:11px 13px -> 16x16 istenen kutu 28x24 bos dikdortgen olur.
   Olculdu (radar-app.html, canli): kutu tiklandiginda checked=true oluyor
   ama ekranda HICBIR SEY degismiyor. Kullanici "tiklanmiyor" diye okuyor
   ve uyelik onayini veremiyor -> KAYIT OLMUYOR.

   COZUM: nitelik secicisi (0,1,1) sade "input" secicisini (0,0,1) yener,
   bu dosya once yuklense bile kazanir. Kendi kutusunu bilerek bicimleyen
   sayfa (ornek: kontrol-listesi.html ".md input[type=checkbox]", 0,2,1)
   yine kazanmaya devam eder - o yuzden burada !important YOK.
   ============================================================ */
input[type=checkbox],input[type=radio]{
  -webkit-appearance:auto;-moz-appearance:auto;appearance:auto;
  width:16px;height:16px;min-width:0;min-height:0;flex:none;
  padding:0;border:0;border-radius:0;background:none;box-shadow:none;
  accent-color:var(--accent);cursor:pointer;vertical-align:middle;
}

/* ============================================================================
   MARKA İŞARETİ — TEK KAYNAK (30.08.2026)

   NEDEN: aynı işaret üç ayrı yerde, üç ayrı şekilde çiziliyordu —
   index.html, radar-app.html ve radar-fiyat.html kendi .brand CSS'ini
   tekrarlıyordu; menu.js ise BAŞKA BİR MOTİF gösteriyordu (turuncu kare
   içinde "T" harfi) ve o 54/64 sayfada görünüyordu. Yani en çok görünen
   marka işareti, markanın kendi işareti DEĞİLDİ.
   Biri değişince diğerleri sapıyordu; tanım tek yere alındı.

   MOTİF: amber lamba + noktasız "ı"nın ÜSTÜNDEKİ kendi noktası.
   logo.svg / logo-acik.svg / favicon.svg ile birebir aynı renk
   (--marka-lamba-1/2, temaya göre değişmez).

   KULLANIM:
     <a class="marka" href="/">
       <span class="marka-lamba" aria-hidden="true"></span>
       <b class="marka-ad">tet<span class="i">ı</span>kte</b>
     </a>
   Boyut: kapsayıcıya --marka-olcu ver (varsayılan 26px).
   Yalnız rozet gerekiyorsa (uygulama ikonu bağlamı): <span class="marka-rozet">
   ============================================================================ */
.marka{display:inline-flex;align-items:center;gap:.38em;text-decoration:none;
  color:var(--ink);font-size:var(--marka-olcu,26px)}
.marka .marka-lamba{width:.54em;height:.54em;border-radius:50%;flex:none;
  background:var(--marka-lamba-1);
  box-shadow:0 0 0 .19em color-mix(in srgb,var(--marka-lamba-1) 16%,transparent),
             0 0 .7em color-mix(in srgb,var(--marka-lamba-1) 55%,transparent)}
.marka .marka-ad{font-size:1em;font-weight:800;letter-spacing:-.027em;position:relative}
.marka .marka-ad .i{position:relative}
.marka .marka-ad .i::after{content:"";position:absolute;left:50%;top:-.15em;
  transform:translateX(-50%);width:.25em;height:.25em;border-radius:50%;
  background:var(--marka-lamba-1);
  box-shadow:0 0 .38em color-mix(in srgb,var(--marka-lamba-1) 80%,transparent)}

/* Rozet: yalnız lamba + nokta (favicon'un CSS karşılığı). Kare + harf DEĞİL. */
.marka-rozet{position:relative;display:inline-block;flex:none;
  width:var(--rozet-olcu,22px);height:var(--rozet-olcu,22px);border-radius:50%;
  background:linear-gradient(135deg,var(--marka-lamba-1),var(--marka-lamba-2));
  box-shadow:0 0 0 .18em color-mix(in srgb,var(--marka-lamba-1) 15%,transparent)}
.marka-rozet::after{content:"";position:absolute;right:-.16em;top:-.2em;
  width:.34em;height:.34em;border-radius:50%;
  background:linear-gradient(135deg,var(--marka-lamba-1),var(--marka-lamba-2));
  box-shadow:0 0 .3em color-mix(in srgb,var(--marka-lamba-1) 70%,transparent)}
/* 14.09 BRONZ KOYU PALET — tek kaynak. sorular.html'deki kopya buraya taşındı; ucretsiz-dene.html de okur.
   index.html kahramanı kendi kopyasını taşıyor (ayrı iş, eşdeğerlik provasıyla taşınır). */
  /* 04.10: palet YALNIZ koyu temada (Cem 'kırık beyaz'); açık temada sorular/ucretsiz-dene sitenin geri kalanı gibi */
  html[data-theme="dark"] body.bz-koyu{
    --bz-gece:#0a0b0e; --bz-gece2:#12151b;
    --bz-ak:#f2f4f8; --bz-ak-govde:#aab3c0; --bz-ak-sonuk:#78828f;
    --bz-bronz:#cfa163; --bz-bronz-acik:#eccb96; --bz-cta-yazi:#221704;
    --ink:#f2f4f8; --muted:#aab3c0; --dim:#8a93a0; --panel:#12151b; --panel2:#171b22;
    --line:#232833; --line2:#2e3440; --amber:#e3b877; --accent:#e3b877; --yuzey:#12151b;
    --bg:#0a0b0e; --bg2:#101319;
    /* 23.09: --taban eksikti -> menu.js açılış perdesi (background:var(--taban)) açık temanın kâğıt rengini alıyor,
       yazısı bu paletin açık mürekkebi olunca perde okunmuyordu (kontrast 1,06; sorular.html + ucretsiz-dene.html). */
    --taban:var(--bz-gece);
    background:var(--bz-gece);color:var(--ink)}
  /* 23.09: stil-acik.css ".top a{color:... !important}" koyu tasarımlı sayfanın marka yazısını koyu şeritte koyu boyuyordu (1,12). */
  html[data-theme="dark"] body.bz-koyu .top a.sc-marka, html[data-theme="dark"] body.bz-koyu .top a.uc-marka{color:var(--bz-ak) !important}
  /* 23.09 TEK TEMA: koyuda stil-acik.css kapanınca zemini hiçbir dosya vermiyordu (body şeffaf, tuval beyaz) ->
     seviye-testi / ogrenci koyuda beyaz zemine beyaz yazı (1,0). Tuval koyu paletin zemini. */
  html[data-theme="dark"]{background:var(--bg)}
/* ---- TABAN YAZI TİPİ (02.10.2026) ------------------------------------------
   Ölçüldü (66 sayfa, başsız Chrome): 10 sayfanın gövdesi ve h1'i "Times New Roman"a
   düşüyordu (ogrenci, sorular, seviye-testi, sinav-gibi, ucretsiz-dene, elci, elci-programi,
   elci-aydinlatma, durum, pano) — bu sayfalarda font-family hiç yoktu, tarayıcı varsayılanı
   serif. :where() özgüllüğü 0: kendi yazı tipini tanımlayan sayfa (index vb.) ve stil-acik.css'in
   serif başlık kuralı her zaman kazanır; yalnız TANIMSIZ sayfa tabana düşer. Form öğeleri
   tarayıcı yazı tipini almasın diye kalıtır (giriş formu). */
:where(body){font-family:-apple-system,"Segoe UI",system-ui,Roboto,Arial,sans-serif}
:where(button,input,select,textarea){font:inherit}

/* 05.10 Cem: logo buyudu (menu.js 28px); dar telefonda menu sigsin diye 24px */
@media(max-width:420px){ .ust-logo{--marka-olcu:24px !important} }

/* 05.10 Cem ("KDV'yi küçük göster"): fiyat-motoru.js fiyatAnaHtml / fiyatDahilHtml ekleri. Dahil toplam en az 12px (okunur kalır). */
.kdv-ek{font-size:max(11px,.55em);font-weight:500;color:var(--muted);letter-spacing:0}
.kdv-dahil{font-size:max(12px,.5em);font-weight:500;color:var(--muted);letter-spacing:0;white-space:nowrap}

/* 07.10 (Cem "görünüp kayboluyor"; titreme taraması): "İçeriğe atla" bağlantısını gizleyen kural yalnız komut.css'teydi ve
   komut.css her sayfanın SONUNDA bağlı -> o inene dek bağlantı 26 px yer kaplıyor, sonra kaybolup sayfayı yukarı çekiyordu
   (yanlislarim 91->65 px). Konum kuralı burada da (head'de yüklenir); renk/görünüş komut.css'te. */
.atla{position:absolute;left:-9999px;top:0;z-index:9999}
.atla:focus{left:0}