/* theme_vars_css */
/* ===========================================================================
   KARTALBET — PALET  (BO > theme_vars_css)
   Kaynak: Kartalbet_CSS_Yapilacaklar.md §1 "Genel Tema" + §Renk Dagilimi
   Uretim: 2026-09-11

   Renk dagilimi brifteki oranla kuruldu:
     koyu zemin %70 · koyu kartlar %20 · MAVI vurgu %7 · ALTIN vurgu %3

   🔴 MARKA MAVISI UYDURULMADI: logo dosyasindan orneklendi.
      13.583 doygun mavi pikselin %18,1'i tam #0095FF, ortalama #0196FF.
      Afislerdeki derin ton #0076FB -> hover/gradyan dibi olarak kullaniliyor.

   🔴 `:root` DEGIL `:root:root`. Motorun kendi custom.css'i degiskenleri
      `:root { --b: 5,6,10 !important }` diye CIVILIYOR (masaustunde 17,
      mobilde 8 degisken). `!important` eklemek YETMEZ -- esit ozgullukte
      karari YUKLEME SIRASI verir ve sira iki motorda TERS:
        masaustu : tema-vars SONRA  -> bizimki kazanir
        mobil    : custom.css SONRA -> MOTORUNKI kazanir
      `:root:root` ozgullugu 0-1-0'dan 0-2-0'a cikarir ve siradan bagimsiz
      kazandirir. Tek `:root` yazilsaydi site masaustunde lacivert, mobilde
      siyah kalirdi ve masaustune bakip "oldu" demek bunu HIC gostermezdi.

   🔴 IKI TOKEN AILESI VAR, IKISI DE YAZILMALI:
        BetConstruct  --b --hero --oc-* --accent   -> bilesen ICLERI
        demo1'in kendi --site-bg --chrome-* --gold* -> GORUNUR KROMA
      Yalniz birini yazmak "hicbir sey degismedi" uretir (olculdu: custom.css
      icinde --gold 13 kez, --b yalniz 3 kez okunuyor).
   =========================================================================== */

:root:root {

  /* ── %70 · KOYU ZEMIN  (brief §1: "Koyu lacivert/siyah ana arka plan") ──
     Eski deger saf siyaha yakindi (#05060a). Lacivere kaydirildi: mavi
     vurgunun uzerine oturdugu zemin notr siyah olursa vurgu "yapistirilmis"
     gorunur; ayni tonun koyusu olursa marka tek parca okunur. */
  --site-bg: #060a14;
  --b: 6, 10, 20 !important;
  --b-hover: 12, 19, 35 !important;
  --b-sc: 255, 255, 255 !important;          /* brief §1: "Yazi kontrastini yuksek tut" */

  --header: 8, 13, 26 !important;
  --header-hover: 14, 22, 42 !important;
  --header-sc: 255, 255, 255 !important;
  --menu: 8, 13, 26 !important;
  --menu-hover: 14, 22, 42 !important;
  --menu-sc: 255, 255, 255 !important;
  --tab-navigation: 8, 13, 26 !important;
  --tab-navigation-hover: 14, 22, 42 !important;
  --tab-navigation-sc: 255, 255, 255 !important;

  /* ── %20 · KOYU KARTLAR  (brief §1: "Kart ve panel yuzeyleri koyu gri/lacivert") ──
     --chrome-1 ust kroma (header/navbar), --chrome-2 alt kroma (footer).
     Ikisi arasinda gorunur bir basamak birakildi: eskiden #05060a/#0e1017 ile
     neredeyse ayni idiler ve katmanlar birbirine yapisik gorunuyordu. */
  --chrome-1: #0b1220;
  --chrome-2: #111a2e;
  /* --------  BIRINCIL AKSIYON RENGI -- YUZEY DEGIL  --------------------
     Onceki deger 17,26,46 idi ve yorumu "notr koyu yuzey (buton/panel)"
     diyordu. Motorda `--oc-1` YUZEY DEGIL: `.btn.a-color` -- yani duyuru
     penceresindeki TAMAM, giris formundaki GIRIS ve butun eski buton ailesi --
     dolgusunu buradan aliyor.

     Olculdu 2026-09-13 canlida: 17,26,46 ile panel (#0b1220) arasindaki
     kontrast 1,08:1. WCAG bir UI bileseni icin 3:1 istiyor; buton zemine
     gomulmustu ve tiklanacak yer GORUNMUYORDU. Motorun kendi degeri 58,62,74
     idi (1,75:1) -- o da zayif, yani "eski haline dondurmek" cozum degildi.

     Bu degiskeni 33 kural okuyor: `.btn.a-color`, `.button`,
     `.button.success`, basari bildirimi, `bc-i-checked` onay tikleri,
     `.ds-btn-variant--secondary`, sekmeler, `.bet-insurance`, footer canli
     destek dugmesi. MAVI YAPILMADI: basari bildirimi ve onay tikleri de mavi
     olurdu, yani renk anlam tasimayi birakirdi. Birincil CTA'nin mavi
     gradyani theme_custom_css > 15b'de AYRI kuralda duruyor.

     #4F6A99 -> panele 3,44:1 (>=3:1), uzerinde beyaz 5,45:1 (>=4,5:1). */
  --oc-1: 79, 106, 153 !important;
  --oc-1-hover: 92, 122, 172 !important;
  --oc-1-sc: 255, 255, 255 !important;

  /* ── %7 · ELEKTRIK MAVISI — BIRINCIL VURGU ──────────────────────────────
     ⚠️ `--gold*` ADI KALIYOR, ANLAMI DEGISIYOR. Bu aile motorun custom.css'inde
     13 yerde okunuyor ve gercekte "birincil vurgu" isini yapiyor (bolum seridi,
     kenar cizgisi, parilti, ikon ustu). Adi degistirmek 13 kurali birden
     oldururdu; brief mavinin BIRINCIL olmasini istiyor, o yuzden dogru hamle
     degiskeni yeniden adlandirmak degil DEGERINI mavi yapmaktir.
     Gercek altin asagida --oc-2'de (oran butonlari) yasiyor. */
  --gold-hi: #66c6ff;                        /* parilti / ikon ustu */
  --gold: #0095ff;                           /* ana vurgu — metin, kenar */
  --gold-deep: #0059b8;                      /* gradyan dibi */
  --gold-line: rgba(0, 149, 255, .34);
  --gold-glow: rgba(0, 149, 255, .22);

  /* --------  YETIM DEGISKEN: --btx-primary  ---------------------------
     CMS bolum HTML'inin kendi <style> blogu ("Kulup" seridi, 14.541
     karakter) su iki kuralda bu degiskeni OKUYOR:
         .bk-tutar                  { color: var(--btx-primary, #eecd24) }
         .kulup-kart:focus-visible
     Degiskeni HICBIR YER TANIMLAMIYOR -> geri dusus degeri boyuyor.

     Olculdu 2026-09-14 canlida (beton67.com ana sayfa): 62 oge
     rgb(238,205,36) ciziyor. Bu renk paletten GELMIYOR; bolum
     isaretlemesiyle birlikte baska bir temadan tasinmis artik.
     Ayni sinif: §17'deki rgba(251,238,194,.52) notu.

     Sonucu: ayni kavram -- "kazanilan tutar" -- sitede IKI renkte
     ciziliyordu. `.casinoWinnerWidgetAmount` motorda var(--gold) okudugu
     icin zaten MAVI (6,35:1), `.bk-tutar` ise yabanci altin. Degisken
     --gold'a baglanarak ikisi tek renge iniyor.
     #0095FF -> kart zemini rgb(6,10,20) uzerinde 6,35:1 (metin >=4,5:1).
     §23 "Altin %0" ile tutarli. */
  --btx-primary: var(--gold);

  /* Bolum seridi (.page-view-more / .view-title-more) — brief §5 "Bolum
     basliklarini belirgin yap". Kenarlar zemin, orta mavi, cizgi ve yazi mavi. */
  --site-bar-from: #060a14;
  --site-bar-to: #0b3e72;
  --site-bar-border: #0095ff;
  --site-bar-fg: #8fd6ff;

  /* BC bilesen katmaninin birincil vurgusu. `--hero` assets/*.css icinde 197,
     `--b-sc` 1594 kez okunuyor: burasi spor/casino/popup iclerini boyuyor. */
  --hero: 0, 149, 255 !important;
  --hero-hover: 0, 118, 251 !important;
  /* 🔴 `--hero-sc` MOTORDA 0,2,5 (SIYAH) — altin zemin icin dogruydu.
     Mavi zeminde siyah metin okunmaz; beyaza CEVRILMEK ZORUNDA.
     Bunu atlamak, butun birincil CTA'lari okunamaz birakirdi. */
  --hero-sc: 255, 255, 255 !important;

  --accent: 0, 149, 255 !important;
  --accent-hover: 0, 118, 251 !important;
  --accent-sc: 255, 255, 255 !important;     /* ayni gerekce (motorda 0,2,5 idi) */

  /* brief §15: "Uye ol ve ana CTA butonlarini mavi gradient yap".
     Motorda --brand YESILDI (22,199,46) ve kayit CTA'sini o boyuyordu. */
  --brand: 0, 149, 255 !important;
  --brand-hover: 0, 118, 251 !important;
  --brand-sc: 255, 255, 255 !important;

  /* ── ALTIN — ARTIK GORUNUR TUKETICISI YOK ───────────────────────────────
     ⚠️ BU YORUM 2026-09-14'te DUZELTILDI. Eskisi "oran butonlarinin rengi
     --oc-2; tek altin kalan yer bilerek burasi" diyordu ve IKISI DE
     yaniltiyordu:

     1. Oran butonunu bu degisken boyamiyordu. Sayiyi basan
        `.market-coefficient-bc` rengi MIRAS aliyordu; altini oraya
        theme_custom_css > 10 yaziyordu (`color: rgb(var(--oc-2))`).
        O kural 2026-09-14'te BEYAZA cevrildi (23 "Altin %0").
     2. Bu yuzden bugun --oc-2'nin olculen sayfalarda GORUNUR tuketicisi YOK.

     Deger yine de DEGISTIRILMEDI. Degiskeni 23 kural okuyor; kalan 20'si
     giris gerektiren ekranlarda (kupon bacagi, bonus kademesi,
     `.hdr-user-info-texts-bc.ext-2`, ucuncul sekme/baglanti, favori ikonu)
     ve HENUZ OLCULMEDI. Once onlar olculmeli; olcmeden cevirmek
     `--oc-1` arizasinin (33 kural, gorunmez butonlar) tekrari olurdu.
     Bkz. [[degisken-adi-yuzey-der-aksiyon-rengidir]]. */
  --oc-2: 245, 197, 66 !important;
  --oc-2-hover: 255, 213, 99 !important;
  --oc-2-sc: 5, 8, 16 !important;            /* altin zeminde KOYU metin */

  --secondary: 245, 197, 66 !important;
  --secondary-hover: 255, 213, 99 !important;
  --secondary-sc: 5, 8, 16 !important;

  /* ── ANLAM TASIYAN RENKLER — DOKUNULMADI ────────────────────────────────
     --odd-up (yesil) / --odd-down (kirmizi) / --oc-3 (uyari kirmizisi) oranin
     YONUNU anlatiyor. Marka rengine cevirmek bilgiyi yok ederdi; brief de
     bunlari istemiyor. Buraya YAZILMIYOR ki motorun degeri gecerli kalsin. */

  /* ── GEOMETRI (brief §7: "Yuvarlatilmis koseler", §1: "sade border/golge") ── */
  --border-radius: 10px;

  /* -- FIGURDEN TURETILEN MOTIF DEGERLERI (brief 0. bolum) ------------------
     Brief "dort motifi TEK YERDE tanimla" diyor. Burada YALNIZ TUKETICISI
     OLAN uc deger var; okunmayan degisken bu depoda curuyor.

     --kb-bicak-aci  18.9deg  -> 2 tuketici (bolum basligi seridi, mobil
                                 sekme centigi). Kaynak: kartal kanadinin
                                 on kenar acisi.
     --kb-centik     14px     -> 2 tuketici (kart clip-path'inin sag-ust
                                 GAGA CENTIGI). Ayni polygon icindeki 8px
                                 kose kesigi ve 2.34px pah BILEREK yazili
                                 kaldi: onlar gaga degil, genel kose dili.
                                 ⚠️ Brief 10px diyordu; CANLI deger 14px
                                 (olculdu) ve kartlarda oturmus durumda.
     --kb-sonuk      #9fb3c8  -> 4 tuketici (rozet, saat, footer baglantisi,
                                 telif). Zemine 9,19:1, panele 8,70:1.

     TANIMLANMAYAN: --kb-oran (1.42). Olculdu ve DOGRU (mobil kart 176x124,
     masaustu ayni oran) ama oran motorun kendi grid'inden doguyor; CSS'te
     onu okuyan tek bir kural yok. Tuketicisiz degisken tanimlamak
     dekorasyondur -- eklenmedi, olcum plana yazildi. */
  --kb-bicak-aci: 18.9deg;
  --kb-centik: 14px;
  --kb-sonuk: #9fb3c8;
}