/* ==========================================================================
   theme-pages — 상세페이지(스포츠 · 카지노 · 슬롯 · 미니게임 · 예측마켓 · 이벤트 · VIP · 마이페이지 · 게시판 …) 테마 보정
   색은 tokens.css · themes.css 의 변수로 이미 바뀐다. 여기에는 변수로 안 바뀌던 곳(고정 색 · 흰 테마에서 안 보이는 글자 등)만 적는다.
   도구/apply-theme-head.py 가 각 페이지 <head> 맨 뒤에 붙인다
   ========================================================================== */

/* ---- 사진 · 어두운 그림 위 배너 — 테마와 관계없이 어두운 값(흰 글자). sports.css 의 .sb-hl 과 같은 방식 ---- */
.sb-banner, .mk-banner, .mt-strip__item, .mt-head, .gm-stage, .pr-hero{
  --text:#ffffff; --text-sub:#c9ccd4; --text-mute:#8e929c; --fg-rgb:255 255 255;
  --sb-t2:#dce3f0; --sb-t3:#c3c8d4; --sb-t4:#b9bcc6; --sb-t5:#8a8f9c; --sb-t6:#80848f;
  --surface:#141417; --surface-2:#1d1d21; --surface-3:#28282e; --line:#2a2a30;
  color:#fff;
}

/* ---- 스포츠 종목 아이콘 — 아이콘 그림이 흰색이라 흰 테마에서는 동그라미를 어둡게 ---- */
:root[data-theme^="light-"] .sb-sport__ico{
  background:radial-gradient(circle at 50% 30%, #34363d, #16171b 72%); border-color:transparent;
  box-shadow:0 4px 10px -4px rgb(10 14 24 / .35);
}
:root[data-theme^="light-"] .sb-sport:hover .sb-sport__ico{ background:radial-gradient(circle at 50% 30%, #3e4048, #1c1d22 72%); }

/* ---- 흰 테마 — 어두운 바탕용 옅은 파스텔 글자(뱃지 · 분류 표시)를 같은 색 계열의 진한 글자로 ---- */
:root[data-theme^="light-"] :is(.bd-tag.is-blue, .msg-cat.is-blue, .my-asset-tag.is-coin){ color:#1d5fd1; }
:root[data-theme^="light-"] :is(.bd-tag.is-red, .msg-cat.is-red, .cp-dday.is-soon){ color:#c62828; }
:root[data-theme^="light-"] :is(.bd-tag.is-pink, .msg-cat.is-pink){ color:#c2185b; }
:root[data-theme^="light-"] :is(.msg-cat.is-violet, .cp-type.is-bonus, .my-kind.is-comp){ color:#6d3fd1; }
:root[data-theme^="light-"] .bd-row.is-pin .bd-tag{ color:var(--accent-fg); }
:root[data-theme^="light-"] :is(.sb-mkt__head b.is-total, .mt-pick em.is-total, .sb-pick em.is-total){ color:#b3261e; }
:root[data-theme^="light-"] :is(.mt-pick em.is-under, .sb-pick em.is-under){ background:color-mix(in srgb, #2f7dff 18%, transparent); color:#1d4fd1; }
:root[data-theme^="light-"] .bd-tip{ color:#1c3f7a; }
:root[data-theme^="light-"] .mg-select--cur select{ color:#0b6a9a; }