/* Light theme overrides — templates use these variable names */
html[data-theme="light"]{
  --dark:#F4F7FB; --bg:#F4F7FB; --bg2:#FFFFFF;
  --card:#FFFFFF; --line:#DEE5EE; --txt:#0E1726; --sub:#5B6B7C;
  color-scheme: light;
}
html[data-theme="dark"]{ color-scheme: dark; }
html[data-theme="light"] body{background:var(--dark);color:var(--txt)}
html[data-theme="light"] input,
html[data-theme="light"] .oddsbox,
html[data-theme="light"] .codesm,
html[data-theme="light"] .mobbar{background:#EEF3F8;color:var(--txt)}
html[data-theme="light"] .topbar,
html[data-theme="light"] .rail{border-color:var(--line)}
html[data-theme="light"] .rail{background:linear-gradient(180deg,#FFFFFF,#F7FAFD)}
html[data-theme="light"] .card,
html[data-theme="light"] .panel,
html[data-theme="light"] .ticket,
html[data-theme="light"] .kpi{box-shadow:0 8px 26px rgba(15,30,50,.06)}
html[data-theme="light"] .olog{background:#F7FAFD}
html[data-theme="light"] .mobbar{background:rgba(255,255,255,.94)}
html[data-theme="light"] #statusPill{background:#EEF3F8}

/* readability on light backgrounds */
html[data-theme="light"] .muted,
html[data-theme="light"] .sub,
html[data-theme="light"] .lede,
html[data-theme="light"] .lbl,
html[data-theme="light"] .plan ul,
html[data-theme="light"] .sechead p,
html[data-theme="light"] .card p,
html[data-theme="light"] .step p,
html[data-theme="light"] .plan .nm,
html[data-theme="light"] .micro,
html[data-theme="light"] .logos,
html[data-theme="light"] .kv span,
html[data-theme="light"] td,
html[data-theme="light"] th{color:#4A5A6E !important}
html[data-theme="light"] .railnav a{color:#4A5A6E}
html[data-theme="light"] .railnav a.on{color:#0A6B32}
html[data-theme="light"] .mobbar a{color:#4A5A6E}
html[data-theme="light"] .mobbar a.on{color:#0A6B32}
html[data-theme="light"] .badge.pending{color:#8A6A17}
html[data-theme="light"] body{background:#F4F7FB}

/* ---- light: cards with hardcoded dark backgrounds ---- */
html[data-theme=light] .plan{background:#FFFFFF;border-color:#DEE5EE}
html[data-theme=light] .plan .nm,
html[data-theme=light] .plan .pr{color:#0E1726}
html[data-theme=light] .plan ul{color:#4A5A6E}
html[data-theme=light] .plan:hover{border-color:#9FD9B6}
html[data-theme=light] .plan.on{background:#EAF7EF;border-color:#0D9737;box-shadow:0 0 0 1px rgba(13,151,55,.35) inset}
html[data-theme=light] .sum{background:#F7FAFD;border-color:#E3E9F1}
html[data-theme=light] .sum .l{color:#5B6B7C}
html[data-theme=light] .sum .v{color:#0E1726}
html[data-theme=light] .bar{background:#E3E9F1}
html[data-theme=light] .addr{background:#F1F5F9;border-color:#CFE0D6;color:#0A6B32}
html[data-theme=light] select{background:#FFFFFF;color:#0E1726;border-color:#DEE5EE}
html[data-theme=light] .panel h2{color:#4A5A6E}
html[data-theme=light] .pay{border-color:#E3E9F1}
html[data-theme=light] .pay span{color:#0E1726}
html[data-theme=light] .kv span{color:#4A5A6E}
html[data-theme=light] .kv b{color:#0E1726}
html[data-theme=light] .olog{background:#F7FAFD;color:#0E1726}
html[data-theme=light] .game .teams{color:#0E1726}
html[data-theme=light] .game .meta{color:#5B6B7C}
html[data-theme=light] .oddsbox .odds{color:#0A8F45}
html[data-theme="light"] .plan .nm{color:#0E1726 !important;font-weight:800}
html[data-theme="light"] .plan .pr{color:#0E1726 !important}
html[data-theme="light"] .plan ul{color:#44546A !important}

/* ---- contrast: active pills, tags, red actions, gold link ---- */
html[data-theme="light"] .plantag{background:#EAF7EF;color:#0A6B32 !important;border-color:#BFE6CD}
html[data-theme="dark"] .plantag{color:#C9F7DA !important}
html[data-theme="light"] .topnav a.on,
html[data-theme="light"] .railnav a.on,
html[data-theme="light"] .mobbar a.on{background:#EAF7EF;color:#0A6B32 !important}
html[data-theme="dark"] .topnav a.on,
html[data-theme="dark"] .railnav a.on,
html[data-theme="dark"] .mobbar a.on{color:#C9F7DA !important}
html[data-theme="light"] a[href="/billing"]{color:#8A6A17 !important}
html[data-theme="light"] [style*="color:#ff6b6b"],
html[data-theme="light"] [style*="color: var(--red)"],
html[data-theme="light"] .err2,
html[data-theme="light"] .olog .err2{color:#B42318 !important}

/* ---- shared mobile bottom nav ---- */
.mobbar{display:none}
@media(max-width:900px){
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .mobbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:100;
    background:rgba(11,16,23,.95);backdrop-filter:blur(14px);
    border-top:1px solid rgba(255,255,255,.08);
    padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
  .mobbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
    color:var(--sub);text-decoration:none;font-size:10px;font-weight:600;padding:6px 2px;border-radius:10px}
  .mobbar a span{font-size:17px;line-height:1}
  .mobbar a.on{color:#9BF0BE;background:rgba(13,151,55,.12)}
  html[data-theme="light"] .mobbar{background:rgba(255,255,255,.96)}
  html[data-theme="light"] .mobbar a{color:#4A5A6E}
  html[data-theme="light"] .mobbar a.on{color:#0A6B32;background:#EAF7EF}
}

/* ---- light: remaining inline-dark containers on the tool page ---- */
html[data-theme="light"] .stake-box{background:#F1F5F9 !important;border-color:#DEE5EE !important}
html[data-theme="light"] .stake-box input{background:transparent !important;color:#0E1726 !important}
html[data-theme="light"] .stake-box .cur{color:#0A8F45}
html[data-theme="light"] input[style*="#0D1117"],
html[data-theme="light"] textarea[style*="#0D1117"],
html[data-theme="light"] select[style*="#0D1117"],
html[data-theme="light"] #batchCodes,
html[data-theme="light"] #acctFilter{background:#FFFFFF !important;color:#0E1726 !important;border-color:#DEE5EE !important}
html[data-theme="light"] .chk{border-color:#C9D4E0}
html[data-theme="light"] .game.on .chk{background:#0D9737;border-color:#0D9737;color:#fff}