/* Shared color and typography foundations. Pitch and kit colors stay independent. */
html[data-theme] body.site-ui{--bg:#eef1f5;--bg2:#f5f7fa;--card:#fff;--card2:#f7f9fb;--border:#e0e6ee;--text:#182332;--muted:#647181;--green:#147d4b;--green-dark:#117243;--green-deep:#e7f5ec;--hover:#f0f5f3;--danger:#d54958;--danger-soft:#ffedef;--button-ink:#fff;--shadow:0 2px 10px #172b4307;background:var(--bg);color:var(--text)}
html[data-theme=dark] body.site-ui{--bg:#10161f;--bg2:#18212d;--card:#1b2532;--card2:#202c3a;--border:#2c3949;--text:#edf2f7;--muted:#a4b0c0;--green:#4bd18b;--green-dark:#32b775;--green-deep:#163e32;--hover:#253445;--danger:#ff8390;--danger-soft:#482731;--button-ink:#082b1c;--shadow:0 2px 12px #0002}
html[data-theme] body.site-ui,html[data-theme] body.site-ui *{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html[data-theme] body.site-ui{font-size:14px;-webkit-font-smoothing:antialiased}
html[data-theme] .topbar{background:var(--card);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}
html[data-theme] .mainnav a{font-size:12px;font-weight:700;letter-spacing:.1px}
html[data-theme] .mainnav a.on{color:var(--green)}
html[data-theme] .brand-wide.lw-d{display:none!important}html[data-theme] .brand-wide.lw-l{display:block!important}
html[data-theme=dark] .brand-wide.lw-d{display:block!important}html[data-theme=dark] .brand-wide.lw-l{display:none!important}
.site-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg2);color:var(--text);font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0}
.site-theme-toggle:hover{border-color:var(--green);color:var(--green)}.site-theme-toggle:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.site-theme-toggle svg{flex-shrink:0}.site-theme-toggle .theme-sun{display:none}html[data-theme=dark] .site-theme-toggle .theme-sun{display:block}html[data-theme=dark] .site-theme-toggle .theme-moon{display:none}
html[data-theme] .searchbox input{background:var(--bg2);color:var(--text);border-color:var(--border)}
html[data-theme] :is(.pitch-card,.rp-card,.ncard,.fcard,.sur-card,.hs-item,.tcard-empty,.lgroup,.sidebar,.playerbox,.builder-tools,.panel,.article){background:var(--card);border-color:var(--border)}
html[data-theme] :is(.pitch-card,.rp-card,.ncard,.fcard,.sur-card,.hs-item,.tcard-empty,.lgroup){box-shadow:var(--shadow);border-radius:12px}
html[data-theme] :is(.btn-green,.hbtn.primary,.toast){color:var(--button-ink)}
html[data-theme] :is(.s-item.on,.mxl-nav button.on,.mxl-a.on,.amsg,.pill.ok){color:var(--green)}
html[data-theme] :is(.sec-head h3,.builder-head h1,.newsx-h1,.mx-title){font-weight:800;letter-spacing:-.35px}
html[data-theme] :is(.sec-head h3){font-size:12px;letter-spacing:.2px}
html[data-theme] :is(.article .body,.abody,.article-body){color:var(--text)}
html[data-theme] .site-footer{background:var(--card);border-color:var(--border)}
html[data-theme] :is(.ft-col p,.ft-col a,.ft-bottom,.ft-tag){color:var(--muted)}
html[data-theme] .node .plate .nm{color:#fff}html[data-theme] .node .plate .rl{color:#b8c8c0}
html[data-theme] .team-tag{background:var(--card);border-color:var(--border)}
html[data-theme] .node .num{color:#fff}html[data-theme] .node .rbadge{color:#082b1c}
html[data-theme] .page-builder .builder-head h1{font-size:24px;line-height:1.3}
html[data-theme] .page-builder .s-item{font-size:12px}
html[data-theme] .page-builder .sidebar .premium{background:var(--card2)}
html[data-theme] .page-haberler .content{padding:28px 24px}
html[data-theme] .page-haberler :is(.sur-b b,.hs-body h4,.mn-b b){font-weight:600;line-height:1.45}
html[data-theme] .page-haberler .newsx-h1{font-size:26px!important;letter-spacing:-.7px!important;margin-bottom:20px!important}
html[data-theme] .page-transferler .content{padding:28px 24px}
html[data-theme] .page-transferler .mx-title{font-size:24px;letter-spacing:-.6px}
/* Inline transfer card styles have their own dark fills; bind those surfaces too. */
html[data-theme] .page-transferler .tcard{background:linear-gradient(160deg,var(--green-deep),var(--card) 58%);border-color:var(--border);box-shadow:var(--shadow)}
html[data-theme] .page-transferler :is(.tc-name,.tc-club b){color:var(--text);text-shadow:none}
html[data-theme] .page-transferler .tc-meta{color:var(--muted)}
html[data-theme] .page-transferler :is(.tc-photo,.tc-noimg,.tc-ini,.pav-stack){background:var(--bg2);border-color:var(--border);color:var(--muted)}
html[data-theme] .page-transferler .tc-badge{color:var(--button-ink)}
html[data-theme] .page-transferler :is(.tc-fee,.tc-clubs,.tc-lg){background:var(--card2);border-color:var(--border)}
html[data-theme] .page-transferler .trow:hover{background:var(--hover)}
html[data-theme] .page-transferler .trow.sel{background:var(--green-deep)}
html[data-theme] .page-transferler .pav-stack i.pav-ini{color:var(--muted)}
@media(max-width:1380px){.topbar{gap:16px}html[data-theme] .mainnav a{padding-left:10px;padding-right:10px}.topbar-right .searchbox input{width:170px}}
@media(max-width:1150px){.topbar-right .site-theme-toggle [data-theme-label]{display:none}.topbar-right .site-theme-toggle{width:38px;padding:8px}}
@media(max-width:560px){html[data-theme] .topbar{gap:10px;padding:0 12px}.topbar-right{gap:8px;margin-left:auto}.topbar-right .site-theme-toggle{width:36px;min-height:36px}.topbar-right .searchbox input{width:110px;padding-left:9px;font-size:12px}.topbar-right .searchbox{max-width:110px}.brand-wide{max-width:142px;object-fit:contain}html[data-theme] .page-haberler .content,html[data-theme] .page-transferler .content{padding:20px 12px}html[data-theme] .page-haberler .newsx-h1{font-size:22px!important}}
@media(max-width:420px){.topbar-right .searchbox{display:none}}
@media(prefers-reduced-motion:reduce){.site-theme-toggle{transition:none}}

html[data-theme] :is(.fmode button.on,.chips button.on){color:var(--button-ink)}
html[data-theme] .sports-leagues button img{background:#fff;border-radius:5px;padding:2px}

/* State colors follow the active scheme, including modal and detail surfaces. */
html[data-theme] :is(.det-head,.det-body,.det-tabs,.det-score,.det-league,.det-close,.det-empty,.mev-card,.ist-card,.pstat2,.mx-filterbar){color:var(--text)}
html[data-theme] :is(.det-head,.det-score){background:linear-gradient(150deg,var(--green-deep),var(--card) 65%)}
html[data-theme] .det-close{background:var(--card);border-color:var(--border);min-width:34px;min-height:34px}
html[data-theme] .det-close:hover{color:var(--green)}
html[data-theme] :is(.det-tabs,.det-body,.mm-box,.modalbox){background:var(--card);border-color:var(--border)}
html[data-theme] .ft-social a:hover{color:var(--button-ink)}
html[data-theme] .feed-post:focus-within{background:var(--card2)}
html[data-theme] .site-ui input::placeholder{color:var(--muted);opacity:1}
html[data-theme] .site-ui :is(input,select,textarea){color-scheme:inherit}

html[data-theme] .site-ui .art-body{color:var(--text)}