/* =============================================================================
   MIQNO — KOYU TEMA KATMANI

   NEDEN BÖYLE (ölçüldü, 24 Ağustos 2026):
     tf-light.css sitenin Sprint 1 tasarımını taşıyor ve içinde YALNIZ ORADA
     tanımlı 23 sınıf var (.tf-gate-*, .th-*, .mst-*, .sc-card, .rv-card,
     .cat-card, .section-card, .mq-sticky-price). İlk denemede koyu tema için
     dosyayı `link.disabled` ile kapatmıştık; o bileşenler TAMAMEN stilsiz
     kaldı (ölçüldü: .th-price-badge'e uyan tek bir CSS kuralı bile yoktu).

     Doğru yol: tf-light.css AÇIK KALIR (yerleşim ve bileşen yapısı korunur),
     yalnız RENK katmanı koyu için ezilir.

   İKİ PARÇA
     1) Palet: tf-light.css'in :root token'ları koyuya döndürülür. Bileşen
        bölümündeki 145 renk beyanının 85'i zaten var(--token) kullanıyor ->
        bu tek blok onların hepsini birden düzeltir.
     2) Sabit renkler: kalan 36 beyan token kullanmıyor (doğrudan #FFFFFF,
        #3B2C35, #FFF6EC…). Onlar aşağıda tek tek eziliyor.

   KAPSAM: `:root:not([data-tema="acik"])` -> varsayılan (koyu) durumda etkin,
   açık tema seçilince tamamen devre dışı. tf-light.css'ten SONRA yüklenir.
   ============================================================================= */

/* ---- 1) PALET: koyu tokenlar (tf-sayfa.css tabanıyla aynı dil) ----
   TEK SİYAH AİLESİ (Kerem, 17 Eylül 2026; ÖLÇÜLDÜ canlı ana sayfa): zemin #0F1115
   SOĞUK (mavimsi, B > R) idi; bölüm degradeleri #2E2229/#211820 ve footer #1D141B
   SICAK mürdüm. Aynı ekranda iki siyah ailesi (1280'de body oluğu 15 px görünür).
   Zemin markanın mürdümüne çekildi: --bg #241C22, --bg-2 #2E2229 (degradelerin
   zaten kullandığı değer); header/çekmece aynı aileden türer; footer #1D141B kalır.
   Kural: bu blokta B > R olan koyu değer YOK (scripts/olc-ana1-renk-ritim.js R-2). */
:root:not([data-tema="acik"]) {
  color-scheme: dark;
  --bg:#241C22; --bg-2:#2E2229; --panel:#2E2229; --panel-2:#382A33;
  --cream:#382A33; --cream-2:#2E2229;
  --text:#ECECEC; --muted:#A8AEB8; --on-ink:#ECECEC; --on-ink-dim:#A8AEB8;
  --gold:#F4B860; --gold-2:#E3A648; --gold-text:#F4B860; --gold-dim:rgba(244,184,96,.16);
  --coral:#E96A4B; --coral-2:#DE5636;
  --line:rgba(255,255,255,.12); --line-soft:rgba(255,255,255,.06);
  --header-bg:rgba(36,28,34,.86); --footer-bg:#1D141B; --deep:#241C22;
  --ink:#241C22; --ink-2:#2E2229; --ink-3:#382A33;
  --drawer-bg:rgba(46,34,41,.98); --drawer-foot-bg:rgba(36,28,34,.98);
  --shadow-1:0 1px 2px rgba(0,0,0,.35), 0 10px 26px -16px rgba(0,0,0,.6);
  --shadow-2:0 2px 6px rgba(0,0,0,.4), 0 22px 48px -22px rgba(0,0,0,.7);
  /* Koyu sahne zaten koyu; kart önizlemesi iki temada da AYNI kalır --
     baskı paritesi kartın kendi sahnesine bağlı, tema onu değiştirmemeli. */
  --stage:#241A20; --stage-2:#1B1218; --on-stage:#F3E8DC; --on-stage-dim:#C9B6BE;
}

/* ---- 2) SABİT RENKLER: tf-light.css'te token kullanmayan 36 beyan ----
   Sıra tf-light.css'teki sırayla; karşılaştırması kolay olsun diye. */

:root:not([data-tema="acik"]) ::selection { background: rgba(244,184,96,.22); }

:root:not([data-tema="acik"]) header { box-shadow: 0 6px 26px -20px rgba(0,0,0,.7); }

:root:not([data-tema="acik"]) .nav-menu a.nav-cta,
:root:not([data-tema="acik"]) .cart-badge,
:root:not([data-tema="acik"]) .btn-gold { color: #1A1207; }   /* altın zeminde koyu yazı */

:root:not([data-tema="acik"]) .lang-toggle button.active { color: #1A1207; }

:root:not([data-tema="acik"]) .btn-gold {
  box-shadow: 0 12px 26px -12px rgba(244,184,96,.35);
}
:root:not([data-tema="acik"]) .btn-gold:hover {
  box-shadow: 0 16px 32px -12px rgba(244,184,96,.45);
}

:root:not([data-tema="acik"]) .btn-ghost,
:root:not([data-tema="acik"]) .btn-ghost:hover,
:root:not([data-tema="acik"]) .teamforge-hero .btn-ghost {
  background: var(--panel) !important;
}

:root:not([data-tema="acik"]) .th-price .th-price-badge {
  color: #1A1207;
  background: var(--gold);
  border-radius: 999px; padding: 3px 10px;   /* dolgu tf-light'ta token'sızdı */
}

:root:not([data-tema="acik"]) .pkg-card,
:root:not([data-tema="acik"]) .cat-card,
:root:not([data-tema="acik"]) .step,
:root:not([data-tema="acik"]) .faq-item,
:root:not([data-tema="acik"]) .tv-card,
:root:not([data-tema="acik"]) .mst-pano,
:root:not([data-tema="acik"]) .section-card,
:root:not([data-tema="acik"]) .sc-card,
:root:not([data-tema="acik"]) .rv-card,
:root:not([data-tema="acik"]) .th-card { background: var(--panel); }

:root:not([data-tema="acik"]) .step:hover,
:root:not([data-tema="acik"]) .pkg-card:hover,
:root:not([data-tema="acik"]) .tv-card:hover { border-color: rgba(255,255,255,.18); }

:root:not([data-tema="acik"]) .tv-card:hover {
  box-shadow: 0 16px 34px -16px rgba(0,0,0,.7);
}
:root:not([data-tema="acik"]) .tv-soon { border-color: rgba(244,184,96,.45); }

/* .sc > .container BURADA EZILMEZ: ornek kart vitrini HER IKI TEMADA DA
   BEYAZ kalir (Kerem karari, bkz. tf-light.css bolum 9). Yalniz tf-gate
   sahnesi koyulastirilir. */
:root:not([data-tema="acik"]) .tf-gate-stage {
  box-shadow: 0 30px 70px -34px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.05);
}

:root:not([data-tema="acik"]) .mq-sticky-cta {
  background: rgba(36,28,34,.92);          /* --bg (#241C22) ailesi; sabit soğuk siyah kalktı */
  box-shadow: 0 -8px 24px -16px rgba(0,0,0,.7);
}

/* Editör seçicileri (Sprint 1'de açık için sertleştirilmişti; !important ile
   yazıldıkları için burada da !important gerekiyor). */
:root:not([data-tema="acik"]) .cs-thumb {
  background-color: var(--panel-2) !important;
  border: 2px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.45) !important;
}
:root:not([data-tema="acik"]) #tab-tema .cs-thumb,
:root:not([data-tema="acik"]) #tab-tema .cs-style.active .cs-thumb {
  background-color: var(--panel-2) !important;
  border: 2px solid rgba(255,255,255,.16) !important;
}
:root:not([data-tema="acik"]) .cs-style:hover .cs-thumb,
:root:not([data-tema="acik"]) .tff-frame-family:hover,
:root:not([data-tema="acik"]) .tfyt-bg:hover { border-color: rgba(244,184,96,.55) !important; }
:root:not([data-tema="acik"]) .cs-check { color: #1A1207 !important; }
:root:not([data-tema="acik"]) .tff-frame-family,
:root:not([data-tema="acik"]) .tff-frame-family.active { background: var(--panel-2) !important; }

:root:not([data-tema="acik"]) .tf-gate-list li > span:first-child { color: var(--text); }

/* Tema vitrini parıltısı açık zemine göre çizilmişti; koyuda söner. */
:root:not([data-tema="acik"]) .th-media::after {
  background: radial-gradient(ellipse at center, rgba(255,255,255,.06), transparent 65%);
}

/* ---- 3) COK SATIRLI GRADYANLAR ----
   Ilk taramada kacmislardi: beyani tek satir sanip ';' ile bolmustuk, oysa bu
   iki kural cok satirli gradyan yaziyor. Hero'da krem bir yikama, .story'de
   beyaz->krem gecisi koyu temada tepeden asagi sizip metni okunmaz yapiyordu
   (ekran goruntusuyle yakalandi). */
:root:not([data-tema="acik"]) .teamforge-hero {
  background:
    radial-gradient(58% 50% at 74% 18%, rgba(244,184,96,.10), transparent 60%),
    radial-gradient(48% 46% at 26% 88%, rgba(233,106,75,.06), transparent 62%),
    linear-gradient(180deg, var(--bg-2) 0%, var(--bg) 55%, var(--footer-bg) 100%) !important;
}
:root:not([data-tema="acik"]) .story {
  background: linear-gradient(180deg, var(--panel), var(--bg-2));
}

/* ---- 4) TARAMAYLA BULUNAN ACIK YUZEYLER ----
   Sprint 1'in acik tasarimi yalniz tf-light.css'te degil TABAN dosyaya da
   dokunmus: asagidakilerin cogu tf-sayfa.css'te sabit krem/beyaz yaziyor.
   Elle kovalamak yerine sayfa koyu temadayken TARANDI: parlakligi 170'in
   ustunde kalan her yuzey ve onu boyayan kural listelendi. */
:root:not([data-tema="acik"]) .mst-feats li {
  background: rgba(255,255,255,.05);
}
:root:not([data-tema="acik"]) .th-stadium {
  background:
    radial-gradient(52% 56% at 70% 26%, rgba(244,184,96,.10), transparent 62%),
    radial-gradient(40% 44% at 24% 84%, rgba(233,106,75,.06), transparent 64%) !important;
}
:root:not([data-tema="acik"]) .hd-band {
  background: var(--bg-2);
}
/* .cta-card EZILMEDI — kasitli.
   Once "koyu temada acik kalmis" sanip ezmistim. Kok sebebi ararken
   tf-sayfa.css:1484'te ayri bir token seti bulundu:
     --l-bg / --l-bg-2 / --l-panel  (#F3EAD7 / #EDE1C6 / #FBF6EC)
   Bunlar KOYU tasarimin icinde BILEREK acik duran bantlar icin
   (.tf-section--light). Yani cta-card'in krem olmasi bir sizinti degil,
   tasarimin kendisi. Uzerindeki yazi da koyu -> kontrast dogru.
   Ezmek tasarima mudahale olurdu; birakildi. */

/* ---- 5) /tasarla ADIM PANELI (tasarla-adimlar.css) ----
   O dosyanin TAMAMI krem tasarim icin yazilmis; kendi token seti var
   (--ts-ground/--ts-surface/--ts-line/--ts-ink/--ts-muted...). Koyu temada
   panel krem kaliyor ve uzerindeki beyaz dugmeler okunmuyordu
   (olculdu: .tff-field zemini rgb(255,253,248); .tf-zar ve .photo-adjust-cta
   beyaz zeminde acik yazi -> gorunmuyor).
   Tek blokta tokenlar cevriliyor; dosyanin kendi kurallari degismiyor. */
:root:not([data-tema="acik"]) .tasarla-page,
:root:not([data-tema="acik"]) {
  /* DIKKAT: tasarla-adimlar.css bu tokenlari :root'ta DEGIL .tasarla-page
     (gövde) uzerinde tanimliyor. Ozel ozellikler kalitimla geldigi icin
     govdedeki tanim html'dekini EZER -- ozgulluk ne olursa olsun. Bu yuzden
     ayni elemani hedeflemek zorundayiz. Olculdu: yalniz :root'a yazildiginda
     etkin deger acik kaliyordu (#2A1E25 / #6B5A62). */
  --ts-ground:#241C22;                      /* tek aile: --bg / --bg-2 ile aynı mürdüm */
  --ts-surface:#2E2229;
  --ts-line:rgba(255,255,255,.12);
  --ts-ink:#ECECEC;
  --ts-muted:#A8AEB8;
  --ts-honey:#F4B860;
  --ts-coral:#E8674C;
  --ts-plum:#ECECEC;
  --ts-shadow:0 1px 2px rgba(0,0,0,.35), 0 8px 24px rgba(0,0,0,.45);
}

/* Token kullanmayan beyaz yuzeyler (tf-light.css / tasarla.css kaynakli). */
:root:not([data-tema="acik"]) .tff-field,
:root:not([data-tema="acik"]) .tf-zar,
:root:not([data-tema="acik"]) .photo-adjust-cta {
  background: var(--panel) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}
:root:not([data-tema="acik"]) .tf-zar-lbl,
:root:not([data-tema="acik"]) .photo-adjust-cta * { color: var(--text) !important; }

/* Onizleme sahnesi KOYU KALIR (baski paritesi): kart hangi temada olursa olsun
   ayni sahnede cizilir, yoksa musterinin gordugu kadraj tema ile degisirdi. */