/* Taktik marka teması (28.10): tanıtım sitesiyle aynı renkler — lacivert + amber, başlıklarda Sora.
   En son yüklenir. Varsayılan koyu; <html data-theme="light"> açık tema.
   --acc artık yalnızca "tuttu / olumlu" yeşili; marka vurgusu --brand (amber). */
:root,:root[data-theme=dark]{
  color-scheme:dark;
  --bg:#0A1124;--card:#111A33;--card2:#0D1530;--ink:#F3F5F2;--ink2:#D7DDEA;--mute:#8A96B3;--line:#1E2944;--chip:#1B2747;
  --acc:#34D399;--acc-ink:#6EE7B7;--acc-bg:#0E2B2C;--acc-on:#04261A;--ring:rgba(52,211,153,.30);
  --home:#34D399;--draw:#6B7896;--away:#60A5FA;
  --warn:#FB923C;--warn-bg:#2B1D16;--bad:#F87171;
  --brand:#E3A008;--brand-hi:#F0AE14;--brand-ink:#F5B82E;--brand-bg:rgba(227,160,8,.12);--brand-on:#0A1124;--brand-ring:rgba(227,160,8,.35);
  --side-bg:#0D1530;--side-ink:#D7DDEA;--side-mute:#8A96B3;--side-hover:#141F3B;--side-on:#1B2747;
  --shadow:0 1px 2px rgba(0,0,0,.35);
  --display:"Sora","Inter",system-ui,sans-serif;
}
:root[data-theme=light]{
  color-scheme:light;
  --bg:#F4F6FA;--card:#FFFFFF;--card2:#F8FAFC;--ink:#0E1A33;--ink2:#3D4A66;--mute:#5A6680;--line:#E3E7EF;--chip:#EEF1F7;
  --acc:#0E9F6E;--acc-ink:#0F6E52;--acc-bg:#E3F5EE;--acc-on:#FFFFFF;--ring:rgba(14,159,110,.28);
  --home:#10B981;--draw:#A3ADC2;--away:#3B82F6;
  --warn:#C2410C;--warn-bg:#FFEDE0;--bad:#DC2626;
  --brand:#E3A008;--brand-hi:#F0AE14;--brand-ink:#8A5A00;--brand-bg:#FFF6DB;--brand-on:#14213D;--brand-ring:rgba(227,160,8,.40);
  --side-bg:#FFFFFF;--side-ink:#14213D;--side-mute:#5A6680;--side-hover:#F4F6FA;--side-on:#EEF1F7;
  --shadow:0 1px 2px rgba(14,26,51,.05);
}

/* başlıklar ve marka */
main h1,.hero h1,.kx-top h1,main h2,.brand .bt,.errbox b{font-family:var(--display)}
main h1{font-weight:700;letter-spacing:-.025em}
.brand{font-family:var(--display);font-weight:700;letter-spacing:-.01em}
.brand-logo{width:32px;height:32px;flex:none;display:block}
.bt b{color:var(--brand-ink)}
.mt-bc .s{color:var(--line2,#2A3A63)}
:root[data-theme=light] .mt-bc .s{color:#C3CBDB}

/* birincil düğme: amber */
.btn.acc,.mt-tools .btn.acc,:root .btn.acc{background:var(--brand);border-color:var(--brand);color:var(--brand-on)}
.btn.acc:hover,.mt-tools .btn.acc:hover{background:var(--brand-hi);border-color:var(--brand-hi)}

/* gezinme: etkin öğe amber */
.mt-menu a.on{box-shadow:inset 3px 0 0 var(--brand)}
.mt-menu a.on svg,.nav a.on svg{color:var(--brand)}
.tabbar a.on{color:var(--brand-ink)}
.mt-av{background:var(--brand-bg);color:var(--brand-ink);border-color:color-mix(in srgb,var(--brand) 40%,transparent)}
.avatar{background:var(--brand-bg);color:var(--brand-ink)}

/* odak ve form */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.form input:focus,.form select:focus,.fx-form input:focus,.fx-form select:focus,.fx-form textarea:focus{outline:2px solid var(--brand)}
.fx-form .wd-opt input{accent-color:var(--brand)}

/* bağlantılar */
.auth .alt a,.form .chk a,.flash.adm a,.cp-rules summary,.cl-edit summary{color:var(--brand-ink)}
footer .foot-links a:hover,.cl-go:hover,.cl-mt:hover,.mc-teams:hover,.ax-rh a:hover,.pz-toc a:hover{color:var(--brand-ink)}
.pz-toc a:hover,.ax-ls a.on,.ax-ls a:hover,.pl-nav a:hover{border-color:var(--brand)}

/* seçili sekmeler / seçenekler */
.pz-tab.on{background:var(--brand-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 40%,transparent)}
.pz-tab.on .pz-ic{background:var(--brand);color:var(--brand-on)}
.pz-tab.on b{color:var(--brand-ink)}
.cp-tab.on,.cx-l.on{border-color:var(--brand);background:var(--brand-bg);color:var(--brand-ink);box-shadow:0 0 0 3px var(--brand-ring)}
.ed-o.on,.wd-opt.on,.ed-o:hover:not([disabled]){border-color:var(--brand);background:var(--brand-bg)}
.pl-steps li.on{border-color:var(--brand);background:var(--brand-bg)}
.pl-steps li.on i{background:var(--brand);color:var(--brand-on)}
.plan.on{box-shadow:inset 3px 0 0 var(--brand),var(--shadow)}
.plan .price{color:var(--brand-ink)}
.cl-kind.k-au{background:var(--brand-bg);color:var(--brand-ink)}

/* vurgu şeritleri */
.mt-main .flash{box-shadow:var(--shadow),inset 3px 0 0 var(--brand)}
.mt-main .flash .ei{color:var(--brand)}
.mt-main .kx-k.main,.mt-main .pz-s.main{box-shadow:inset 3px 0 0 var(--brand),var(--shadow)}
.mt-main .cp::before{background:var(--brand)}
.mt-main .cp.won::before{background:var(--acc)}
.mt-main .cp.lv::before{background:linear-gradient(90deg,var(--warn),var(--brand),var(--warn));background-size:200% 100%}

/* olasılık çubukları: marka rengi (sonuç değil, tahmin) */
.mx-pb i,.pz-s .bar i,.mc-bar i,.slc .bar i{background:var(--brand)}

/* ana tahmin kutusu: maç başlamadan amber; tuttu/tutmadı yeşil/kırmızı kalır */
.mx-ana,.mh-ana{background:color-mix(in srgb,var(--brand) 9%,var(--card));border-color:color-mix(in srgb,var(--brand) 32%,var(--line))}
.mx-ana i,.mh-ana i{color:var(--brand-ink)}
.mx-ana.won,.mh-ana.won{background:var(--acc);border-color:var(--acc)}
.mx-ana.won .cap,.mx-ana.won b,.mx-ana.won i,.mh-ana.won .cap,.mh-ana.won b,.mh-ana.won i{color:var(--acc-on)}
.mx-ana.lost,.mh-ana.lost{background:color-mix(in srgb,var(--bad) 10%,var(--card));border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}
.mx-ana.lost i,.mh-ana.lost i{color:var(--bad)}
.mx-ana.lv-ok,.mh-ana.lv-ok{background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 20%,var(--card)),color-mix(in srgb,var(--acc) 7%,var(--card)));border-color:var(--acc)}
.mx-ana.lv-ok i,.mh-ana.lv-ok i{color:var(--acc-ink)}
.mx-ana.lv-no,.mh-ana.lv-no{background:linear-gradient(90deg,color-mix(in srgb,var(--bad) 16%,var(--card)),color-mix(in srgb,var(--bad) 5%,var(--card)));border-color:color-mix(in srgb,var(--bad) 60%,var(--line))}
.mx-ana.lv-no i,.mh-ana.lv-no i{color:var(--bad)}
.mx-ana.vd{background:var(--card2);border-color:var(--line)}

/* yeşil zemin üzerindeki yazılar okunur olsun */
.sc-r.all,.seg.res button.on.r-all,.cl.won .cl-n{color:var(--acc-on)}
.seg.res button.on.r-all span{color:var(--acc-on);background:rgba(0,0,0,.12)}
.mx-tm .sc.lv{color:var(--bad)}

/* tema düğmesi */
.th-sw .i-sun{display:none}
:root[data-theme=light] .th-sw .i-sun{display:block}
:root[data-theme=light] .th-sw .i-moon{display:none}
.mt-top .sp .th-sw{width:36px;height:36px;padding:0;display:inline-grid;place-items:center;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink2);cursor:pointer}
.mt-top .sp .th-sw svg,.mt-tools .th-sw svg{width:17px;height:17px}
.mt-tools .th-sw{cursor:pointer}
.auth-brand{font-family:var(--display);font-weight:700}
.auth-brand .brand-logo{width:48px;height:48px}
/* gün şeridi ve açılır listeler */
.kx-d.on{background:var(--brand-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 45%,transparent)}
.kx-d.on .w,.kx-d.on .t{color:var(--brand-ink)}
/* tema seçici: iki seçenek (Koyu | Açık) */
.th-seg{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--card2)}
.th-seg button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;border:0;border-radius:7px;background:none;
  color:var(--mute);font-size:13px;font-weight:600;cursor:pointer}
.th-seg button svg{width:15px;height:15px}
.th-seg button:hover{color:var(--ink)}
:root:not([data-theme=light]) .th-seg [data-t=dark],:root[data-theme=light] .th-seg [data-t=light]{background:var(--brand);color:var(--brand-on)}