/*
 * Betbazan skin 1.0 — violet/lime. Dark by default; light via html[data-theme="light"].
 * Loaded last: re-maps the design tokens used by every component and adds hover/entrance motion.
 * Markup, headings, links and schema are untouched.
 */
:root:root{
	color-scheme:dark;
	--violet:#5b2fd6;--violet-2:#7b57e3;--violet-3:#b79cff;--lime:#c8f04a;--ink:#1b1530;
	--bg:#0f0c1a;--bg-2:#130f22;--surface:#1a1530;--surface-2:#211a3a;--surface-3:#2a2148;
	--line:#2e2650;--line-2:#3d3368;--text:#f2effa;--text-2:#d8d2ec;--muted:#aaa2c8;
	--green:#c8f04a;--green-2:#b6de35;--green-ink:#1b1530;--green-soft:rgba(200,240,74,.12);
	--gold:#b79cff;--gold-soft:rgba(183,156,255,.13);--live:#ff5c7a;
	--hdr:rgba(15,12,26,.86);--deep:#151026;--shadow:0 18px 40px rgba(0,0,0,.45);--focus:#c8f04a;
	--r-xl:24px;--r-lg:20px;--r-md:16px;--r-sm:12px;
}
:root:root[data-theme="light"]{
	color-scheme:light;
	--bg:#f4f3f8;--bg-2:#eeecf5;--surface:#ffffff;--surface-2:#f4f3f8;--surface-3:#ece6fd;
	--line:#e6e2f1;--line-2:#d6cef0;--text:#1b1530;--text-2:#3b3356;--muted:#5f5978;
	--green:#5b2fd6;--green-2:#4a20c2;--green-ink:#ffffff;--green-soft:rgba(91,47,214,.09);
	--gold:#5b2fd6;--gold-soft:rgba(91,47,214,.08);--live:#d4224b;
	--hdr:rgba(255,255,255,.9);--deep:#1b1530;--shadow:0 18px 40px rgba(40,25,90,.13);--focus:#5b2fd6;
}
html{transition:background-color .3s}
body{background:var(--bg);color:var(--text);transition:background-color .3s,color .3s}
::selection{background:var(--lime);color:var(--ink)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}

/* ---------- hard-coded colours from older sheets ---------- */
.ba-header,.ba-header.is-scrolled{background:var(--hdr)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.ba-search-panel{background:var(--hdr)}
.ba-bottombar,.review__mobilecta{background:var(--hdr)}
.ba-footer{background:var(--deep);color:#cfc8e6}
.ba-footer a{color:#cfc8e6;transition:color .2s,transform .2s;display:inline-block}
.ba-footer a:hover{color:var(--lime);transform:translateX(-3px)}
.ba-footer__title,.ba-footer .ba-logo-text{color:#fff}
.btn--gold{background:var(--lime);color:var(--ink)}
.btn--gold:hover{background:#d6f76e}
:root[data-theme="light"] .btn--gold{background:var(--violet);color:#fff}
:root[data-theme="light"] .btn--gold:hover{background:var(--violet-2)}
.btn--primary:hover{background:var(--green-2)}
.meter i{background:linear-gradient(270deg,var(--lime),var(--violet))}
.pcard__ph{background:radial-gradient(circle at 30% 30%,var(--surface-3),var(--surface-2));color:var(--muted)}
.promo,.scard__bonus,.review__bonus{background:var(--gold-soft);border-color:var(--line-2)}
.plan-datebar{background:var(--gold-soft);border-color:var(--line-2)}
.archive-page .pcard--feature,.mag-lead .pcard{background:linear-gradient(145deg,var(--surface-3),var(--surface))}
.review__hero{background:linear-gradient(135deg,var(--surface-3),var(--surface));border-color:var(--line-2)}
.sboard{background:radial-gradient(ellipse at top,rgba(91,47,214,.45),transparent 70%),var(--surface)}
.plan-guide-video{background:var(--deep)}
.plan-orbit{border-color:var(--lime);color:var(--lime);box-shadow:0 0 0 10px rgba(200,240,74,.05),0 0 0 20px rgba(200,240,74,.025)}

/* ---------- signature blocks ---------- */
.plan-cover{border:0;border-radius:var(--r-xl);background:var(--violet);color:#fff;box-shadow:var(--shadow)}
.plan-cover h1,.plan-cover h2,.plan-cover strong{color:#fff}
.plan-cover p,.plan-cover small,.plan-cover a:not(.btn){color:#e5dcff}
.plan-cover .mag-kicker{color:var(--lime)}
.plan-cover .btn--gold,.plan-cover .btn--primary{background:var(--lime);color:var(--ink)}
.plan-cover .btn--ghost{border-color:rgba(255,255,255,.35);color:#fff}
.plan-trust{background:var(--deep);border:1px solid var(--line);border-radius:var(--r-xl);color:#fff}
.plan-trust h2{color:#fff}.plan-trust p{color:#cfc8e6}
.plan-trust .mag-kicker{color:var(--lime)}
.plan-trust .btn--ghost{color:#fff;border-color:#4a3f7a}
.mag-kicker{color:var(--gold);font-weight:800}
.chip--gold,.chip--green{background:var(--green-soft);color:var(--green)}
.note-rg{border-radius:var(--r-md)}

/* ---------- hover & motion ---------- */
.pcard,.scard,.mcard,.topic,.plan-silos a,.panel,.review__box,.hub__hero,.sitetable__row:not(.sitetable__row--head),.board__row,.slip,.ba-toc-card{
	transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s cubic-bezier(.2,.7,.2,1),border-color .3s,background-color .3s}
.pcard:hover,.scard:hover,.mcard:hover,.topic:hover,.plan-silos a:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--violet)}
.sitetable__row:not(.sitetable__row--head):hover,.board__row:hover{transform:translateX(-4px);background:var(--surface-2)}
.pcard__media,.post-cover,.bbs-page-cover{overflow:hidden}
.pcard__media img,.post-cover img,.bbs-page-cover img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.pcard:hover .pcard__media img,.post-cover:hover img{transform:scale(1.05)}
.pcard__title a,.sec-title a{background-image:linear-gradient(var(--lime),var(--lime));background-size:0 2px;background-position:100% 100%;background-repeat:no-repeat;transition:background-size .3s}
.pcard:hover .pcard__title a,.pcard__title a:hover{background-size:100% 2px}
.btn{transition:transform .2s,box-shadow .2s,background-color .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(91,47,214,.32)}
.btn:active{transform:none}
.sec-more{color:var(--green);font-weight:800;transition:letter-spacing .25s}
.sec-more:hover{letter-spacing:.3px}
.mcard__odd,.board__odd,.ticker__odd,.slip__odd{transition:background-color .2s,color .2s}
.mcard__odd:hover,.board__odd:hover,.slip__odd:hover{background:var(--lime);color:var(--ink)}
.chip--live::before,.ticker__live::before{animation:bbPulse 1.6s infinite}
.ba-logo:hover .ba-logo-img,.ba-logo:hover .ba-logo-text{transform:rotate(-4deg)}
.ba-logo-img,.ba-logo-text{transition:transform .4s cubic-bezier(.2,.7,.2,1);display:inline-block}
.ba-menu a{transition:color .2s,background-color .2s;border-radius:10px}
.ba-menu a:hover{color:var(--green)}
.meter i{transform-origin:right;animation:bbGrow 1.1s cubic-bezier(.2,.7,.2,1) both}

/* entrance: top-level blocks of every page fade up in sequence */
#content>.wrap>*,#content>*:not(.wrap),.plan-home .wrap>*{animation:bbUp .6s cubic-bezier(.2,.7,.2,1) both}
#content>.wrap>*:nth-child(2){animation-delay:.05s}#content>.wrap>*:nth-child(3){animation-delay:.1s}
#content>.wrap>*:nth-child(4){animation-delay:.15s}#content>.wrap>*:nth-child(n+5){animation-delay:.2s}
@keyframes bbUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes bbPulse{0%{box-shadow:0 0 0 0 rgba(200,240,74,.6)}70%{box-shadow:0 0 0 9px rgba(200,240,74,0)}100%{box-shadow:0 0 0 0 rgba(200,240,74,0)}}
@keyframes bbGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ---------- theme toggle ---------- */
.bb-theme-toggle{position:relative}
.bb-theme-toggle svg{transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .25s}
.bb-theme-toggle:hover svg{transform:rotate(25deg)}
.bb-theme-toggle .bb-sun{color:var(--lime)}.bb-theme-toggle .bb-moon{color:var(--violet);display:none}
:root[data-theme="light"] .bb-theme-toggle .bb-sun{display:none}
:root[data-theme="light"] .bb-theme-toggle .bb-moon{display:block}

/* ---------- covers: real images only ---------- */
.bbs-page-cover{border-radius:var(--r-xl);margin:24px 0}
.bbs-page-cover img{width:100%;height:auto;display:block}

/* ---------- small screens ---------- */
@media (max-width:760px){
	.plan-cover{border-radius:20px}
	.pcard:hover,.scard:hover,.mcard:hover,.topic:hover,.plan-silos a:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}