/* ===================================================================
   3babees — LIGHT THEME (full surface system)
   Activated by: html[data-theme="light"]
   Dark remains the default arena look.
   =================================================================== */

html[data-theme="light"] {
  --bb-ink: #eef3fb;
  --bb-ink-deep: #e2eaf7;
  --bb-glass: rgba(255, 255, 255, 0.88);
  --bb-glass-2: #ffffff;
  --bb-line: rgba(37, 99, 235, 0.14);
  --bb-line-lit: rgba(37, 99, 235, 0.38);
  --bb-text: #0b1220;
  --bb-dim: #52607a;
  --bb-muted: #64748b;
  --bb-blue: #2563eb;
  --bb-violet: #3b82f6;
  --bb-cyan: #0284c7;
  --bb-a: #e11d48;
  --bb-b: #2563eb;
  --bb-ok: #059669;
  --bb-bad: #dc2626;
  --bb-gold: #b45309;
  --bb-shadow: 0 14px 36px rgba(15, 23, 42, 0.08);
  --bb-shadow-strong: 0 22px 50px rgba(37, 99, 235, 0.14);
  color-scheme: light;
}

/* ---- Page canvas ---- */
html[data-theme="light"] body,
html[data-theme="light"] .babees-canvas-body,
html[data-theme="light"] .babees-press-body {
  background: var(--bb-ink) !important;
  color: var(--bb-text) !important;
}

html[data-theme="light"] .babees-app {
  color: var(--bb-text);
}

html[data-theme="light"] .babees-atmosphere {
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  background:
    radial-gradient(ellipse 75% 50% at 50% -12%, rgba(14, 165, 233, 0.28), transparent 55%),
    radial-gradient(ellipse 55% 40% at 0% 20%, rgba(37, 99, 235, 0.18), transparent 58%),
    radial-gradient(ellipse 50% 38% at 100% 10%, rgba(2, 132, 199, 0.16), transparent 55%),
    radial-gradient(ellipse 80% 45% at 50% 105%, rgba(15, 23, 42, 0.06), transparent 60%),
    linear-gradient(180deg, #e8f2ff 0%, #edf3fb 48%, #e6edf7 100%) !important;
}

html[data-theme="light"] .babees-grain {
  opacity: 0.08 !important;
  mix-blend-mode: multiply !important;
}

html[data-theme="light"] .babees-spot {
  background: radial-gradient(circle, rgba(37, 99, 235, 0.12), transparent 62%) !important;
}

/* ---- Chrome / nav (panels stay light; HUD stays ink) ---- */
html[data-theme="light"] .babees-dock-inner,
html[data-theme="light"] .babees-panel,
html[data-theme="light"] .babees-join-panel,
html[data-theme="light"] .babees-player-card,
html[data-theme="light"] .babees-mode-card,
html[data-theme="light"] .babees-wallet-summary,
html[data-theme="light"] .babees-pack,
html[data-theme="light"] .babees-result-card,
html[data-theme="light"] .babees-auth,
html[data-theme="light"] .babees-pricing,
html[data-theme="light"] .babees-waiting,
html[data-theme="light"] .babees-board-shell,
html[data-theme="light"] .babees-rail-panel,
html[data-theme="light"] .babees-score,
html[data-theme="light"] .babees-director-bar,
html[data-theme="light"] .babees-live-bar,
html[data-theme="light"] .babees-cam-switcher,
html[data-theme="light"] .babees-console,
html[data-theme="light"] .babees-cinema-inner,
html[data-theme="light"] .babees-cinema-head,
html[data-theme="light"] .babees-cinema-stage,
html[data-theme="light"] .babees-rank-me,
html[data-theme="light"] .babees-board-row {
  background: var(--bb-glass-2) !important;
  border-color: var(--bb-line) !important;
  color: var(--bb-text) !important;
  box-shadow: var(--bb-shadow) !important;
  backdrop-filter: blur(16px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.1) !important;
}

/* Arena HUD — not a white dashboard strip */
html[data-theme="light"] .babees-topbar {
  background:
    linear-gradient(180deg, rgba(22, 32, 58, 0.96), rgba(14, 20, 40, 0.94)) !important;
  border: 1px solid rgba(96, 140, 255, 0.28) !important;
  border-radius: 16px !important;
  color: #fff !important;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(14px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.15) !important;
  overflow: visible !important;
}

html[data-theme="light"] .babees-topbar .babees-brand-name {
  color: #fff !important;
}

html[data-theme="light"] .babees-topbar .babees-brand-sub {
  color: rgba(186, 205, 255, 0.75) !important;
}

html[data-theme="light"] .babees-topbar .babees-icon-btn {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: rgba(230, 236, 255, 0.9) !important;
}

html[data-theme="light"] .babees-app h2,
html[data-theme="light"] .babees-app h3,
html[data-theme="light"] .babees-app h4,
html[data-theme="light"] .babees-app h5,
html[data-theme="light"] .babees-hero-title,
html[data-theme="light"] .babees-panel h3,
html[data-theme="light"] .babees-panel h5,
html[data-theme="light"] .babees-join-panel h3,
html[data-theme="light"] .babees-panel-head h3,
html[data-theme="light"] .babees-player-heading,
html[data-theme="light"] .babees-waiting-code,
html[data-theme="light"] .babees-result-card h2,
html[data-theme="light"] .babees-rank-name,
html[data-theme="light"] .babees-col h4,
html[data-theme="light"] .babees-pack h4,
html[data-theme="light"] .babees-score strong,
html[data-theme="light"] .babees-wallet-banner strong,
html[data-theme="light"] .babees-room-code,
html[data-theme="light"] .babees-label,
html[data-theme="light"] .babees-field > span,
html[data-theme="light"] .babees-player-card {
  color: var(--bb-text) !important;
}

html[data-theme="light"] .babees-panel-note,
html[data-theme="light"] .babees-dim,
html[data-theme="light"] .babees-waiting-sub,
html[data-theme="light"] .babees-result-card p {
  color: var(--bb-dim) !important;
}

/* Lobby hero — brand first, no white card */
html[data-theme="light"] .babees-hero-lobby {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: inherit !important;
}

html[data-theme="light"] .babees-hero-kicker {
  color: #0284c7 !important;
}

html[data-theme="light"] .babees-hero-brand-name {
  background: linear-gradient(115deg, #0b1220 8%, #1d4ed8 48%, #0ea5e9 92%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  filter: drop-shadow(0 10px 24px rgba(37, 99, 235, 0.22)) !important;
}

html[data-theme="light"] .babees-hero-lead {
  color: #475569 !important;
  font-weight: 700 !important;
}

/* ---- Tabs ---- */
html[data-theme="light"] .babees-tabs {
  background: rgba(15, 23, 42, 0.9) !important;
  border: 1px solid rgba(96, 140, 255, 0.22) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}
html[data-theme="light"] .babees-tab {
  background: transparent !important;
  color: rgba(190, 205, 240, 0.78) !important;
}
html[data-theme="light"] .babees-tab:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="light"] .babees-tab.is-active {
  background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.35) !important;
}

/* ---- Inputs ---- */
html[data-theme="light"] .babees-input,
html[data-theme="light"] select.babees-input,
html[data-theme="light"] textarea.babees-input,
html[data-theme="light"] .babees-color-input {
  background: #f8fbff !important;
  border: 1px solid var(--bb-line) !important;
  color: var(--bb-text) !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}
html[data-theme="light"] .babees-input::placeholder {
  color: #94a3b8 !important;
}
html[data-theme="light"] .babees-input:focus {
  border-color: var(--bb-blue) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
  outline: none;
}

/* ---- Buttons ---- */
html[data-theme="light"] .babees-btn,
html[data-theme="light"] .babees-buy-pack,
html[data-theme="light"] .babees-press-cta,
html[data-theme="light"] .babees-press-cta-link {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.28) !important;
}
html[data-theme="light"] .babees-cta {
  background: linear-gradient(135deg, #22d3ee 0%, #3b82f6 48%, #2563eb 100%) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 14px 30px rgba(37, 99, 235, 0.32) !important;
}
html[data-theme="light"] .babees-cta:disabled {
  background: linear-gradient(160deg, #e2e8f0, #cbd5e1) !important;
  color: #64748b !important;
  box-shadow: none !important;
}
html[data-theme="light"] .babees-btn:hover:not(:disabled),
html[data-theme="light"] .babees-cta:hover:not(:disabled) {
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.36) !important;
  filter: brightness(1.03);
}
html[data-theme="light"] .babees-cat-section-title {
  color: #0b1220 !important;
}
html[data-theme="light"] .babees-cat-section-count {
  color: #334155 !important;
  border-color: rgba(37, 99, 235, 0.18) !important;
  background: #f8fbff !important;
}
html[data-theme="light"] .babees-btn-ghost,
html[data-theme="light"] .babees-icon-btn,
html[data-theme="light"] .babees-install,
html[data-theme="light"] .babees-live-btn,
html[data-theme="light"] .babees-theme-toggle,
html[data-theme="light"] .babees-room-code,
html[data-theme="light"] .babees-waiting-code {
  background: #fff !important;
  color: var(--bb-text) !important;
  border: 1px solid var(--bb-line) !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06) !important;
}
html[data-theme="light"] .babees-btn-ghost:hover:not(:disabled),
html[data-theme="light"] .babees-icon-btn:hover {
  background: #eff6ff !important;
  border-color: var(--bb-line-lit) !important;
  color: var(--bb-blue) !important;
}
html[data-theme="light"] .babees-act.ok {
  background: linear-gradient(135deg, #059669, #10b981) !important;
  color: #fff !important;
}
html[data-theme="light"] .babees-act.bad {
  background: linear-gradient(135deg, #dc2626, #ef4444) !important;
  color: #fff !important;
}
html[data-theme="light"] .babees-act.steal {
  background: linear-gradient(135deg, #d97706, #f59e0b) !important;
  color: #1c1000 !important;
}

/* ---- Wallet chip / money ---- */
html[data-theme="light"] .babees-wallet-chip {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.22), rgba(14, 165, 233, 0.16)) !important;
  border: 1px solid rgba(37, 99, 235, 0.28) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.16) !important;
}
html[data-theme="light"] .babees-chip-sep {
  background: rgba(255, 255, 255, 0.28) !important;
}
html[data-theme="light"] .babees-chip-plus {
  background: #fff !important;
  color: #1d4ed8 !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12) !important;
}
html[data-theme="light"] .babees-chip-plus-mark {
  color: #1d4ed8 !important;
}
html[data-theme="light"] .babees-chip-money-lbl {
  color: rgba(220, 235, 255, 0.7) !important;
}

/* ---- Mode cards / categories ---- */
html[data-theme="light"] .babees-mode-card.is-active {
  border-color: var(--bb-blue) !important;
  background: linear-gradient(180deg, #eff6ff, #fff) !important;
  box-shadow: var(--bb-shadow-strong) !important;
}
html[data-theme="light"] .babees-tools-pick-col {
  background: #fff !important;
  border-color: var(--bb-line) !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05) !important;
}
html[data-theme="light"] .babees-tools-pick-col.is-a {
  background: linear-gradient(180deg, #fff5f7, #ffffff) !important;
  border-color: rgba(225, 29, 72, 0.28) !important;
}
html[data-theme="light"] .babees-tools-pick-col.is-b {
  background: linear-gradient(180deg, #f0f7ff, #ffffff) !important;
  border-color: rgba(37, 99, 235, 0.28) !important;
}
html[data-theme="light"] .babees-tools-pick-head strong,
html[data-theme="light"] .babees-tool-pick-name {
  color: #0f172a !important;
}
html[data-theme="light"] .babees-tools-pick-head em {
  color: #475569 !important;
  background: #f1f5f9 !important;
  border-color: #e2e8f0 !important;
}
html[data-theme="light"] .babees-tool-pick {
  background: #ffffff !important;
  border-color: #dbe3f0 !important;
  color: #0f172a !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important;
}
html[data-theme="light"] .babees-tool-pick:hover {
  background: #f8fafc !important;
  border-color: #94a3b8 !important;
}
html[data-theme="light"] .babees-tools-pick-col.is-a .babees-tool-pick.is-on {
  background: linear-gradient(180deg, #ffe4e8, #fff) !important;
  border-color: #e11d48 !important;
  box-shadow: 0 0 0 2px rgba(225, 29, 72, 0.16) !important;
}
html[data-theme="light"] .babees-tools-pick-col.is-b .babees-tool-pick.is-on {
  background: linear-gradient(180deg, #dbeafe, #fff) !important;
  border-color: #2563eb !important;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.16) !important;
}
html[data-theme="light"] .babees-tool-pick.is-on {
  background: linear-gradient(180deg, #fef3c7, #fff) !important;
  border-color: #d97706 !important;
}
html[data-theme="light"] .babees-tool-pick-art {
  background: linear-gradient(155deg, #1e3a8a, #312e81) !important;
  border-color: rgba(30, 58, 138, 0.35) !important;
  color: #fff !important;
}
html[data-theme="light"] .babees-tool-pick.is-before .babees-tool-pick-art {
  background: linear-gradient(155deg, #b45309, #78350f) !important;
}
html[data-theme="light"] .babees-tool-pick-art .bb-i {
  color: #fff !important;
}
html[data-theme="light"] .babees-tool-pick-when {
  color: #475569 !important;
  background: #f1f5f9 !important;
}
html[data-theme="light"] .babees-tool-pick.is-before .babees-tool-pick-when {
  color: #92400e !important;
  background: #fef3c7 !important;
}
html[data-theme="light"] .babees-tool-pick-slot {
  color: #92400e !important;
  background: #fef3c7 !important;
}
html[data-theme="light"] .babees-tool-pick-check {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
  color: #64748b !important;
}
html[data-theme="light"] .babees-tool-pick.is-on .babees-tool-pick-check {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #fff !important;
}
html[data-theme="light"] .babees-tools-pick-col.is-a .babees-tool-pick.is-on .babees-tool-pick-check {
  background: #e11d48 !important;
  border-color: #e11d48 !important;
}
html[data-theme="light"] .babees-tool-pick-desc,
html[data-theme="light"] .babees-tool-pick-when {
  color: #64748b !important;
}
html[data-theme="light"] .babees-cat-card {
  border-color: var(--bb-line) !important;
  box-shadow: var(--bb-shadow) !important;
}
html[data-theme="light"] .babees-cat-card.has-image {
  background: linear-gradient(180deg, #ffffff, #f3f7ff) !important;
}
html[data-theme="light"] .babees-cat-card.no-image {
  background: #0a0d1c !important;
}
html[data-theme="light"] .babees-cat-card.is-hot,
html[data-theme="light"] .babees-cat-card:hover {
  border-color: color-mix(in srgb, var(--art-3, var(--bb-blue)) 55%, var(--bb-line)) !important;
  box-shadow: var(--bb-shadow-strong) !important;
}
/* Virtual packs stay cinematic (readable on dark art) */
html[data-theme="light"] .babees-cat-card.no-image .babees-cat-name {
  color: #fff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="light"] .babees-cat-card.no-image .babees-cat-desc {
  color: rgba(214, 220, 250, 0.85) !important;
}
html[data-theme="light"] .babees-cat-card.no-image .babees-cat-overlay {
  background: linear-gradient(
    to top,
    rgba(4, 6, 16, 0.82) 0%,
    rgba(4, 6, 16, 0.28) 45%,
    rgba(4, 6, 16, 0.1) 100%
  ) !important;
}
html[data-theme="light"] .babees-cat-card.no-image .babees-style-chip {
  background: rgba(10, 12, 30, 0.72) !important;
  color: #fff !important;
  border-color: color-mix(in srgb, var(--art-3, #a78bfa) 45%, rgba(255,255,255,0.2)) !important;
}
/* Image cards keep dark cinematic text — never wash to white */
html[data-theme="light"] .babees-cat-card.has-image .babees-cat-name {
  color: #fff !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="light"] .babees-cat-card.has-image .babees-cat-desc {
  color: rgba(235, 240, 255, 0.9) !important;
}
html[data-theme="light"] .babees-cat-card.has-image .babees-cat-overlay {
  background: linear-gradient(
    to top,
    rgba(4, 6, 16, 0.72) 0%,
    rgba(4, 6, 16, 0.18) 34%,
    rgba(4, 6, 16, 0.02) 62%,
    transparent 100%
  ) !important;
}
html[data-theme="light"] .babees-cat-card.has-image.is-hot .babees-cat-overlay,
html[data-theme="light"] .babees-cat-card.has-image:hover .babees-cat-overlay {
  background: linear-gradient(
    to top,
    rgba(4, 6, 16, 0.62) 0%,
    rgba(4, 6, 16, 0.12) 36%,
    transparent 70%
  ) !important;
}
html[data-theme="light"] .babees-cat-card.has-image .babees-cat-media-img {
  filter: brightness(1.14) saturate(1.25) contrast(1.06) !important;
}
html[data-theme="light"] .babees-cat-card.has-image.is-hot .babees-cat-media-img,
html[data-theme="light"] .babees-cat-card.has-image:hover .babees-cat-media-img {
  filter: brightness(1.24) saturate(1.38) contrast(1.08) !important;
}
html[data-theme="light"] .babees-counter {
  color: #fff !important;
  background: linear-gradient(135deg, #2563eb, #4f46e5) !important;
  border-color: rgba(37, 99, 235, 0.55) !important;
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.28) !important;
}
html[data-theme="light"] .babees-cat-card.has-image .babees-style-chip {
  background: rgba(10, 12, 30, 0.78) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
}
html[data-theme="light"] .babees-cat-spot {
  mix-blend-mode: soft-light;
  background: radial-gradient(
    340px circle at var(--mx) var(--my),
    rgba(255, 255, 255, 0.2),
    transparent 55%
  ) !important;
}
html[data-theme="light"] .babees-cat-card.has-image .babees-cat-spot {
  mix-blend-mode: soft-light;
  background: radial-gradient(
    340px circle at var(--mx) var(--my),
    rgba(255, 255, 255, 0.18),
    transparent 55%
  ) !important;
}
html[data-theme="light"] .babees-cat-card.is-picked {
  border-color: var(--bb-blue) !important;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2) !important;
}

/* ---- Compete / cams / board ---- */
html[data-theme="light"] .babees-compete,
html[data-theme="light"] .babees-arena {
  background: transparent !important;
}
html[data-theme="light"] .babees-cam-tile,
html[data-theme="light"] .babees-cams,
html[data-theme="light"] .babees-col,
html[data-theme="light"] .babees-q-btn {
  background: #fff !important;
  border-color: var(--bb-line) !important;
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-q-btn {
  background: linear-gradient(180deg, #f8fbff, #eef4ff) !important;
  color: #1e3a8a !important;
  font-weight: 900;
}
html[data-theme="light"] .babees-q-btn.is-done {
  background: #e2e8f0 !important;
  color: #64748b !important;
}
html[data-theme="light"] .babees-chat-log,
html[data-theme="light"] .babees-chat-log-tall {
  background: #f8fbff !important;
  border: 1px solid var(--bb-line) !important;
  color: var(--bb-text) !important;
}

/* ---- Cinema ---- */
html[data-theme="light"] .babees-cinema {
  background: rgba(226, 234, 247, 0.72) !important;
}
html[data-theme="light"] .babees-cinema-backdrop::after {
  background: linear-gradient(180deg, rgba(238, 243, 251, 0.55), rgba(238, 243, 251, 0.92)) !important;
}
html[data-theme="light"] .babees-cinema-inner,
html[data-theme="light"] .babees-cinema-head,
html[data-theme="light"] .babees-cinema-stage {
  background: #ffffff !important;
  color: var(--bb-text) !important;
  border-color: var(--bb-line) !important;
}
html[data-theme="light"] .babees-cinema-stage {
  border-bottom: 0 !important;
  border-radius: 22px 22px 0 0 !important;
}
html[data-theme="light"] .babees-console {
  background: #ffffff !important;
  border-color: var(--bb-line) !important;
  border-top: 0 !important;
  border-radius: 0 0 22px 22px !important;
}
/* Timer was invisible (white digits on white head) */
html[data-theme="light"] .babees-timer {
  width: 52px !important;
  height: 52px !important;
  background: #eff6ff !important;
  border-radius: 50% !important;
  border: 1px solid #bfdbfe !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.12) !important;
}
html[data-theme="light"] .babees-timer-num {
  color: #0f172a !important;
  font-weight: 900 !important;
  font-size: 1rem !important;
}
html[data-theme="light"] .babees-timer-ring .bg {
  stroke: rgba(37, 99, 235, 0.18) !important;
}
html[data-theme="light"] .babees-timer-ring .fg {
  stroke: #16a34a !important;
}
html[data-theme="light"] .babees-timer.is-warn .fg {
  stroke: #d97706 !important;
}
html[data-theme="light"] .babees-timer.is-danger .fg {
  stroke: #dc2626 !important;
}
html[data-theme="light"] .babees-cv-pts {
  color: #0f172a !important;
  background: color-mix(in srgb, var(--bb-turn, var(--bb-a)) 18%, #fff) !important;
  border-color: color-mix(in srgb, var(--bb-turn, var(--bb-a)) 40%, transparent) !important;
}
html[data-theme="light"] .babees-cv-cat {
  color: #0f172a !important;
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
}
html[data-theme="light"] .babees-cv-team {
  color: #0f172a !important;
  background: color-mix(in srgb, var(--bb-turn, var(--bb-a)) 22%, #fff) !important;
  border-color: color-mix(in srgb, var(--bb-turn, var(--bb-a)) 45%, transparent) !important;
  box-shadow: 0 0 16px color-mix(in srgb, var(--bb-turn, var(--bb-a)) 18%, transparent) !important;
}
html[data-theme="light"] .babees-cinema-q {
  color: #0f172a !important;
}
html[data-theme="light"] .babees-cinema-q.is-answer {
  color: #0f172a !important;
  background: linear-gradient(160deg, #ecfeff, #eef2ff) !important;
  border: 1px solid #67e8f9 !important;
  box-shadow: 0 12px 28px rgba(14, 165, 233, 0.16) !important;
  text-shadow: none !important;
}
html[data-theme="light"] .babees-answer-kicker {
  color: #0c4a6e !important;
  background: linear-gradient(135deg, #bae6fd, #7dd3fc) !important;
}
html[data-theme="light"] .babees-answer-body {
  color: #0f172a !important;
  text-shadow: none !important;
}
html[data-theme="light"] .babees-steal-banner {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--bb-turn, #f59e0b) 22%, #fff),
    color-mix(in srgb, var(--bb-turn, #f59e0b) 10%, #fff)
  ) !important;
  border-color: color-mix(in srgb, var(--bb-turn, #f59e0b) 45%, transparent) !important;
  color: #0f172a !important;
}
html[data-theme="light"] .babees-steal-banner strong {
  color: #0f172a !important;
}
html[data-theme="light"] .babees-q-veil {
  background:
    radial-gradient(ellipse 55% 45% at 50% 40%, rgba(37, 99, 235, 0.12), transparent 60%),
    rgba(248, 250, 252, 0.96) !important;
}
html[data-theme="light"] .babees-q-veil-inner {
  color: #0f172a !important;
}
html[data-theme="light"] .babees-q-veil-inner strong {
  color: #0f172a !important;
  text-shadow: none !important;
  font-size: clamp(1.5rem, 4.5vw, 1.9rem) !important;
}
html[data-theme="light"] .babees-result-team em {
  color: #0f172a !important;
  text-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
}
html[data-theme="light"] .babees-result-team strong {
  color: #0f172a !important;
  text-shadow: none !important;
}
html[data-theme="light"] .babees-result-team.is-a em {
  color: color-mix(in srgb, var(--bb-a) 72%, #0f172a) !important;
}
html[data-theme="light"] .babees-result-team.is-b em {
  color: color-mix(in srgb, var(--bb-b) 72%, #0f172a) !important;
}
html[data-theme="light"] .babees-mcq-opt {
  background: #fff !important;
  border-color: var(--bb-line) !important;
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-mcq-opt.is-picked {
  border-color: var(--bb-blue) !important;
  background: #eff6ff !important;
}

/* ---- Rank / waiting ---- */
html[data-theme="light"] .babees-rank-head { color: var(--bb-muted) !important; }
html[data-theme="light"] .babees-rank-row.is-mine,
html[data-theme="light"] .babees-rank-me {
  background: linear-gradient(135deg, #fffbeb, #eff6ff) !important;
  border-color: rgba(180, 83, 9, 0.28) !important;
}
html[data-theme="light"] .babees-waiting-status,
html[data-theme="light"] .babees-leader-gate {
  background: #eff6ff !important;
  color: #1e3a8a !important;
  border: 1px solid var(--bb-line) !important;
}

/* ---- Modals / overlays ---- */
html[data-theme="light"] .babees-result,
html[data-theme="light"] .babees-auth-modal,
html[data-theme="light"] .babees-pay-modal {
  background: rgba(226, 234, 247, 0.88) !important;
}
html[data-theme="light"] .babees-toast {
  background: #0f172a !important;
  color: #fff !important;
}

/* ---- Press magazine ---- */
html[data-theme="light"] .babees-press-hero,
html[data-theme="light"] .babees-press-card,
html[data-theme="light"] .babees-press-cta-box,
html[data-theme="light"] .babees-press-faq,
html[data-theme="light"] .babees-press-geo {
  background: #fff !important;
  border-color: var(--bb-line) !important;
  box-shadow: var(--bb-shadow) !important;
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-press-content a,
html[data-theme="light"] .babees-press-back,
html[data-theme="light"] a {
  color: var(--bb-blue);
}
html[data-theme="light"] .babees-press-faq details {
  background: #f8fbff !important;
}

/* ---- Guest console notice ---- */
html[data-theme="light"] .babees-app.is-guest .babees-console.is-guest-console::before {
  color: var(--bb-dim) !important;
}

/* ---- Hardcoded dark leftovers (must win over app.css) ---- */
html[data-theme="light"] body.babees-compete-body,
html[data-theme="light"] html.babees-compete-html {
  background: var(--bb-ink) !important;
}

html[data-theme="light"] .babees-dock-inner {
  background: rgba(255, 255, 255, 0.96) !important;
  border-color: var(--bb-line) !important;
  box-shadow: var(--bb-shadow) !important;
}

html[data-theme="light"] .babees-dock-pill.t1 { color: #be123c !important; }
html[data-theme="light"] .babees-dock-pill.t2 { color: #1d4ed8 !important; }
html[data-theme="light"] .babees-dock-hint,
html[data-theme="light"] .babees-dock-status {
  color: var(--bb-dim) !important;
}

html[data-theme="light"] .babees-console {
  background: #ffffff !important;
  border-color: var(--bb-line) !important;
  border-top: 0 !important;
  border-radius: 0 0 22px 22px !important;
}

html[data-theme="light"] .babees-trial-strip {
  border-color: rgba(37, 99, 235, 0.2) !important;
  background: transparent !important;
}
html[data-theme="light"] .babees-streamer + .babees-trial-strip {
  background: #ffffff !important;
}
html[data-theme="light"] .babees-trial-copy strong {
  color: #0b1220 !important;
}
html[data-theme="light"] .babees-trial-copy span {
  color: #475569 !important;
}
html[data-theme="light"] .babees-trial-ico {
  border-color: rgba(37, 99, 235, 0.3) !important;
  color: #2563eb !important;
}
html[data-theme="light"] .babees-wallet-banner.is-trial {
  background: linear-gradient(135deg, #eff6ff, #f8fbff) !important;
  border-color: rgba(37, 99, 235, 0.22) !important;
}

html[data-theme="light"] .babees-act {
  color: #fff !important;
  border: none !important;
}
html[data-theme="light"] .babees-act.reveal {
  background: linear-gradient(135deg, #4f46e5, #2563eb) !important;
  color: #fff !important;
}

html[data-theme="light"] .babees-cat-card .babees-cat-label,
html[data-theme="light"] .babees-cat-card strong {
  color: inherit !important;
}

html[data-theme="light"] select.babees-input option {
  background: #fff !important;
  color: var(--bb-text) !important;
}

html[data-theme="light"] .babees-cam-share {
  background:
    radial-gradient(circle at 50% 40%, rgba(37, 99, 235, 0.14), transparent 55%),
    linear-gradient(160deg, #eff6ff, #e2e8f0) !important;
  color: var(--bb-text) !important;
}

html[data-theme="light"] .babees-q-figure img,
html[data-theme="light"] .babees-cam-preview,
html[data-theme="light"] .babees-camzoom-inner,
html[data-theme="light"] .babees-camzoom-inner video,
html[data-theme="light"] .babees-camzoom-inner iframe {
  background: #e2e8f0 !important;
  border-color: var(--bb-line) !important;
}

html[data-theme="light"] .babees-camzoom {
  background: rgba(226, 234, 247, 0.92) !important;
}

html[data-theme="light"] .babees-blur-badge {
  background: rgba(255, 255, 255, 0.92) !important;
  color: var(--bb-text) !important;
  border-color: var(--bb-line) !important;
}

html[data-theme="light"] .babees-mode {
  background: #fff !important;
  color: var(--bb-text) !important;
  border-color: var(--bb-line) !important;
}
html[data-theme="light"] .babees-mode:hover {
  color: var(--bb-blue) !important;
  border-color: var(--bb-line-lit) !important;
}
html[data-theme="light"] .babees-mode.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
}

html[data-theme="light"] .babees-auth-sheet,
html[data-theme="light"] .babees-pay-sheet {
  background: linear-gradient(180deg, #ffffff, #f1f5f9 70%) !important;
  border-color: var(--bb-line) !important;
  color: var(--bb-text) !important;
}

html[data-theme="light"] .babees-auth-mode {
  background: #f8fbff !important;
  color: var(--bb-text) !important;
  border-color: var(--bb-line) !important;
}
html[data-theme="light"] .babees-auth-mode.is-active {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  color: #fff !important;
}
html[data-theme="light"] .babees-auth-field > span {
  color: #334155 !important;
}
html[data-theme="light"] .babees-auth #babees-auth-lead,
html[data-theme="light"] .babees-auth .babees-panel-note {
  color: #475569 !important;
}

html[data-theme="light"] .babees-avatar-img,
html[data-theme="light"] .babees-avatar-ph,
html[data-theme="light"] .babees-streamer-photo img,
html[data-theme="light"] .babees-streamer-fallback {
  background: #e2e8f0 !important;
  border-color: #fff !important;
}

html[data-theme="light"] .babees-avatar-edit {
  background: #2563eb !important;
  border-color: #fff !important;
  color: #fff !important;
}

html[data-theme="light"] .babees-cinema-close,
html[data-theme="light"] .babees-camzoom-close {
  background: #fff !important;
  color: var(--bb-text) !important;
  border-color: var(--bb-line) !important;
}

html[data-theme="light"] .babees-player-hint {
  color: var(--bb-muted) !important;
}

html[data-theme="light"] .babees-icon-btn .bb-i,
html[data-theme="light"] .babees-tool .bb-i,
html[data-theme="light"] .babees-btn-ghost .bb-i {
  color: inherit !important;
  stroke: currentColor !important;
}

html[data-theme="light"] .babees-wallet-chip strong,
html[data-theme="light"] .babees-wallet-chip span,
html[data-theme="light"] .babees-chip-value,
html[data-theme="light"] .babees-chip-ico {
  color: #fff !important;
}

html[data-theme="light"] .babees-panel,
html[data-theme="light"] .babees-join-panel,
html[data-theme="light"] .babees-player-card,
html[data-theme="light"] .babees-auth,
html[data-theme="light"] .babees-pricing,
html[data-theme="light"] .babees-waiting,
html[data-theme="light"] .babees-board-shell {
  background: #ffffff !important;
}

html[data-theme="light"] .babees-act.team-a,
html[data-theme="light"] [data-award="a"] {
  background: linear-gradient(145deg, color-mix(in srgb, var(--bb-a) 75%, #fff), var(--bb-a)) !important;
  color: #fff !important;
}
html[data-theme="light"] .babees-act.team-b,
html[data-theme="light"] [data-award="b"] {
  background: linear-gradient(145deg, color-mix(in srgb, var(--bb-b) 75%, #fff), var(--bb-b)) !important;
  color: #fff !important;
}
html[data-theme="light"] .babees-act.nobody,
html[data-theme="light"] [data-award="nobody"] {
  background: linear-gradient(145deg, #64748b, #94a3b8) !important;
  color: #fff !important;
}
html[data-theme="light"] .babees-result-card {
  background: linear-gradient(180deg, #fff, #f1f5f9) !important;
  border-color: var(--bb-line) !important;
}
html[data-theme="light"] .babees-result-card h2 {
  color: #0f172a !important;
}
html[data-theme="light"] .babees-result-review-hint {
  color: #475569 !important;
  background: #f8fbff !important;
}

html[data-theme="light"] .babees-score-a,
html[data-theme="light"] .babees-score .t1 {
  color: var(--bb-a) !important;
}
html[data-theme="light"] .babees-score-b,
html[data-theme="light"] .babees-score .t2 {
  color: var(--bb-b) !important;
}
html[data-theme="light"] .babees-score.is-turn {
  border-color: color-mix(in srgb, var(--bb-turn, var(--bb-a)) 55%, var(--bb-line)) !important;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--bb-turn, var(--bb-a)) 22%, transparent) !important;
}

html[data-theme="light"] .babees-live-bar,
html[data-theme="light"] .babees-director-bar {
  background: rgba(255, 255, 255, 0.95) !important;
}

html[data-theme="light"] .babees-toast {
  box-shadow: var(--bb-shadow-strong) !important;
}

/* ---- Wallet packs / top-up (screenshot fixes) ---- */
html[data-theme="light"] .babees-pack {
  background: #ffffff !important;
  border-color: var(--bb-line) !important;
  box-shadow: var(--bb-shadow) !important;
}
html[data-theme="light"] .babees-pack h4,
html[data-theme="light"] .babees-pack-credits {
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-pack-credits small,
html[data-theme="light"] .babees-pack-per {
  color: var(--bb-dim) !important;
}
html[data-theme="light"] .babees-pack-price {
  color: #b45309 !important;
}
html[data-theme="light"] .babees-pack-save {
  color: #047857 !important;
  background: #ecfdf5 !important;
  border-color: #a7f3d0 !important;
}
html[data-theme="light"] .babees-topup-opt {
  background: #f8fbff !important;
  color: var(--bb-text) !important;
  border-color: var(--bb-line) !important;
}
html[data-theme="light"] .babees-topup-opt small {
  color: var(--bb-dim) !important;
}
html[data-theme="light"] .babees-topup-opt:hover {
  background: #eff6ff !important;
  border-color: var(--bb-line-lit) !important;
}
html[data-theme="light"] .babees-topup-opt.is-active {
  background: #fff7ed !important;
  border-color: #f59e0b !important;
  color: #9a3412 !important;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.2) !important;
}
html[data-theme="light"] .babees-topup-opt.is-active small {
  color: #b45309 !important;
}
html[data-theme="light"] .babees-gateway-note #babees-gateway-label {
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-wallet-banner {
  background: linear-gradient(135deg, #ecfdf5, #eff6ff) !important;
  border: 1px solid rgba(16, 185, 129, 0.45) !important;
  color: #064e3b !important;
  box-shadow: 0 8px 22px rgba(16, 185, 129, 0.08) !important;
}
html[data-theme="light"] .babees-wallet-summary {
  background: transparent !important;
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-wallet-banner strong {
  color: #065f46 !important;
}
html[data-theme="light"] .babees-wallet-banner span {
  color: #047857 !important;
}
html[data-theme="light"] .babees-wallet-banner .bb-i {
  color: #059669 !important;
}
html[data-theme="light"] .babees-wallet-stat {
  background: #ffffff !important;
  border: 1px solid #dbe3f0 !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05) !important;
}
html[data-theme="light"] .babees-wallet-stat > span {
  color: #475569 !important;
}
html[data-theme="light"] .babees-wallet-stat > strong,
html[data-theme="light"] .babees-wallet-stat .babees-num,
html[data-theme="light"] #babees-wallet-balance,
html[data-theme="light"] #babees-wallet-credits,
html[data-theme="light"] #babees-attempt-price {
  color: #0f172a !important;
}
html[data-theme="light"] .babees-credit,
html[data-theme="light"] .babees-credit-line,
html[data-theme="light"] .babees-credit a {
  color: #334155 !important;
}
html[data-theme="light"] .babees-credit a {
  color: #1d4ed8 !important;
}
html[data-theme="light"] .babees-streamer {
  background: #070b14 !important;
  border-color: color-mix(in srgb, var(--creator-accent, #53fc18) 40%, #94a3b8) !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.18) !important;
}
html[data-theme="light"] .babees-streamer-name {
  color: #fff !important;
}
html[data-theme="light"] .babees-streamer-copy,
html[data-theme="light"] .babees-streamer-role,
html[data-theme="light"] .babees-streamer-bio,
html[data-theme="light"] .babees-streamer-handle,
html[data-theme="light"] .babees-streamer-tagline {
  color: rgba(235, 240, 255, 0.9) !important;
}
html[data-theme="light"] .babees-streamer-tagline {
  color: #ffe7a8 !important;
}
html[data-theme="light"] .babees-income-card {
  background: linear-gradient(135deg, #ecfdf5, #eff6ff) !important;
  border-color: rgba(16, 185, 129, 0.4) !important;
}
html[data-theme="light"] .babees-income-copy strong {
  color: #0f172a !important;
}
html[data-theme="light"] .babees-income-copy em {
  color: #047857 !important;
}
html[data-theme="light"] .babees-income-ico {
  background: rgba(16, 185, 129, 0.15) !important;
  color: #059669 !important;
}
html[data-theme="light"] .babees-player-heading,
html[data-theme="light"] .babees-player-hint,
html[data-theme="light"] .babees-profile-label {
  color: #475569 !important;
}
html[data-theme="light"] .babees-profile-grid .babees-input {
  background: #f8fafc !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}

/* ---- Leaderboard contrast ---- */
html[data-theme="light"] .babees-rank-head {
  color: #475569 !important;
  font-weight: 900 !important;
}
html[data-theme="light"] .babees-rank-me {
  background: linear-gradient(135deg, #fffbeb, #eff6ff) !important;
  border-color: rgba(180, 83, 9, 0.35) !important;
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-rank-me strong {
  color: #b45309 !important;
}
html[data-theme="light"] .babees-rank-pts {
  color: #b45309 !important;
}
html[data-theme="light"] .babees-rank-row,
html[data-theme="light"] .babees-board-row {
  background: #f8fbff !important;
  border-color: var(--bb-line) !important;
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-rank-row.is-mine {
  background: #fffbeb !important;
  border-color: rgba(180, 83, 9, 0.4) !important;
}
html[data-theme="light"] .babees-btn-ghost.babees-btn-wide,
html[data-theme="light"] #babees-rank-refresh {
  background: #eff6ff !important;
  border: 1px solid var(--bb-line-lit) !important;
  color: #1d4ed8 !important;
}

/* ---- Compete rail + tools (blue team invisible fix) ---- */
html[data-theme="light"] .babees-rail,
html[data-theme="light"] .babees-rail-panel,
html[data-theme="light"] .babees-app.is-compete .babees-rail {
  background: #ffffff !important;
  border-color: var(--bb-line) !important;
  box-shadow: var(--bb-shadow) !important;
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-rail-head h5,
html[data-theme="light"] .babees-rail-panel h5,
html[data-theme="light"] .babees-cams-label,
html[data-theme="light"] .babees-presence-name {
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-cams-label.team-b {
  color: #1d4ed8 !important;
}
html[data-theme="light"] .babees-tools-panel .babees-tool,
html[data-theme="light"] .babees-tool {
  background: #ffffff !important;
  border: 1px solid #dbe3f0 !important;
  color: #0f172a !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important;
}
html[data-theme="light"] .babees-tools-panel .babees-tool .bb-i,
html[data-theme="light"] .babees-tool .bb-i {
  color: inherit !important;
  stroke: currentColor !important;
}
html[data-theme="light"] .babees-tools-panel.is-b .babees-tool,
html[data-theme="light"] .babees-rail-panel.is-b .babees-tool,
html[data-theme="light"] #babees-tools-b .babees-tool {
  background: linear-gradient(180deg, #eff6ff, #ffffff) !important;
  color: #1e3a8a !important;
  border-color: rgba(37, 99, 235, 0.3) !important;
}
html[data-theme="light"] .babees-tools-panel.is-a .babees-tool,
html[data-theme="light"] .babees-rail-panel.is-a .babees-tool,
html[data-theme="light"] #babees-tools-a .babees-tool {
  background: linear-gradient(180deg, #fff1f2, #ffffff) !important;
  color: #9f1239 !important;
  border-color: rgba(225, 29, 72, 0.3) !important;
}
html[data-theme="light"] .babees-tools-panel .babees-tool.is-active,
html[data-theme="light"] #babees-tools-a .babees-tool.is-active,
html[data-theme="light"] #babees-tools-b .babees-tool.is-active {
  background: linear-gradient(135deg, #fef3c7, #e0f2fe) !important;
  color: #0b1220 !important;
  border-color: #f59e0b !important;
}
html[data-theme="light"] .babees-tool-side {
  color: #475569 !important;
  background: #f1f5f9 !important;
}
html[data-theme="light"] .babees-presence-row,
html[data-theme="light"] .babees-presence-item,
html[data-theme="light"] .babees-user-pill {
  background: #eff6ff !important;
  color: var(--bb-text) !important;
  border-color: var(--bb-line) !important;
}
html[data-theme="light"] .babees-panel-note,
html[data-theme="light"] .babees-rules,
html[data-theme="light"] .babees-hint-block,
html[data-theme="light"] .babees-session-note {
  color: var(--bb-dim) !important;
  background: transparent !important;
}
html[data-theme="light"] .babees-app.is-compete,
html[data-theme="light"] .babees-compete,
html[data-theme="light"] .babees-arena {
  background: var(--bb-ink) !important;
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-app.is-compete .babees-col,
html[data-theme="light"] .babees-app.is-compete .babees-q-btn {
  background: #ffffff !important;
  color: #1e3a8a !important;
  border-color: var(--bb-line) !important;
}
html[data-theme="light"] .babees-app.is-compete .babees-col h4 {
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-score strong {
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-rail-tools .babees-score strong {
  color: var(--bb-text) !important;
}

/* ---- Commercial break readable in light ---- */
html[data-theme="light"] .babees-commercial {
  background: radial-gradient(ellipse at center, #dbeafe, #eef3fb 70%) !important;
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-commercial-inner h2,
html[data-theme="light"] .babees-commercial-inner p {
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-commercial-eyebrow {
  color: var(--bb-dim) !important;
  opacity: 1 !important;
}

/* ---- In-app magazine cards ---- */
html[data-theme="light"] .babees-press-card-inline {
  background: #fff !important;
  border-color: var(--bb-line) !important;
}
html[data-theme="light"] .babees-press-card-inline h3 {
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-text-link {
  color: #0284c7 !important;
}

html[data-theme="light"] .babees-roster .babees-player,
html[data-theme="light"] .babees-player {
  background: #eff6ff !important;
  color: var(--bb-text) !important;
  border-color: var(--bb-line) !important;
}

html[data-theme="light"] .babees-compete-bar {
  background: #ffffff !important;
  color: var(--bb-text) !important;
  border-color: var(--bb-line) !important;
}
html[data-theme="light"] .babees-turn-pill {
  background: color-mix(in srgb, var(--bb-turn, var(--bb-a)) 16%, #fff) !important;
  color: var(--bb-text) !important;
  border-color: color-mix(in srgb, var(--bb-turn, var(--bb-a)) 50%, var(--bb-line)) !important;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--bb-turn, var(--bb-a)) 18%, transparent) !important;
}
html[data-theme="light"] .babees-turn-name {
  color: #0f172a !important;
}
html[data-theme="light"] .babees-turn-label,
html[data-theme="light"] .babees-turn-color {
  color: #334155 !important;
  opacity: 1;
}
html[data-theme="light"] .babees-app[data-turn="team_a"] .babees-compete-bar,
html[data-theme="light"] .babees-app.is-question[data-answer-team="team_a"] .babees-compete-bar {
  background: color-mix(in srgb, var(--bb-a) 10%, #fff) !important;
  border-color: color-mix(in srgb, var(--bb-a) 35%, var(--bb-line)) !important;
}
html[data-theme="light"] .babees-app[data-turn="team_b"] .babees-compete-bar,
html[data-theme="light"] .babees-app.is-question[data-answer-team="team_b"] .babees-compete-bar {
  background: color-mix(in srgb, var(--bb-b) 10%, #fff) !important;
  border-color: color-mix(in srgb, var(--bb-b) 35%, var(--bb-line)) !important;
}

html[data-theme="light"] .babees-chip-admin {
  color: #05231a !important;
  background: linear-gradient(135deg, #34d399, #6ee7b7) !important;
}

/* ---- Shell: prices + policies readable in light ---- */
html[data-theme="light"] body.babees-shell-body,
html[data-theme="light"] body.babees-shell-body .babees-shell,
html[data-theme="light"] body.babees-shell-body .babees-shell-main {
  color: var(--bb-text) !important;
  background: transparent !important;
}
html[data-theme="light"] .babees-shell-top {
  background: rgba(255, 255, 255, 0.92) !important;
  border-bottom-color: var(--bb-line) !important;
}
html[data-theme="light"] .babees-shell-hero h1,
html[data-theme="light"] .babees-shell-hero .babees-eyebrow {
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-shell-hero p {
  color: var(--bb-dim) !important;
}
html[data-theme="light"] .babees-legal-doc--shell,
html[data-theme="light"] .babees-price-card {
  background: #ffffff !important;
  border-color: var(--bb-line) !important;
  box-shadow: var(--bb-shadow) !important;
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-legal-doc--shell,
html[data-theme="light"] .babees-legal-doc--shell p,
html[data-theme="light"] .babees-legal-doc--shell li,
html[data-theme="light"] .babees-legal-doc--shell strong,
html[data-theme="light"] .babees-price-card h3,
html[data-theme="light"] .babees-price-card p {
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-legal-doc--shell h3 {
  color: #b45309 !important;
}
html[data-theme="light"] .babees-price-card.is-feature {
  background: linear-gradient(160deg, #fffbeb, #eff6ff) !important;
  border-color: rgba(180, 83, 9, 0.35) !important;
}
html[data-theme="light"] .babees-pack-tag {
  background: #eff6ff !important;
  border-color: var(--bb-line) !important;
  color: #1d4ed8 !important;
}
html[data-theme="light"] .babees-rank-me strong {
  color: #b45309 !important;
}
html[data-theme="light"] .babees-rank-me-stats {
  color: var(--bb-dim) !important;
}
html[data-theme="light"] .babees-rank-me-stats b {
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-rank-row {
  background: #f8fbff !important;
  border-color: var(--bb-line) !important;
  color: var(--bb-text) !important;
}
html[data-theme="light"] .babees-board-rank {
  background: #dbeafe !important;
  color: #1e3a8a !important;
}

/* Turn chrome must beat white cinema overrides in light mode */
html[data-theme="light"] .babees-cinema[data-turn-team] .babees-cinema-head {
  background: linear-gradient(90deg, color-mix(in srgb, var(--bb-turn, var(--bb-a)) 22%, #fff), #fff 75%) !important;
  border-color: color-mix(in srgb, var(--bb-turn, var(--bb-a)) 45%, var(--bb-line)) !important;
}
html[data-theme="light"] .babees-cinema[data-turn-team] .babees-cinema-inner {
  box-shadow:
    0 0 0 2px color-mix(in srgb, var(--bb-turn, var(--bb-a)) 35%, transparent),
    0 24px 50px rgba(15, 23, 42, 0.12) !important;
}
html[data-theme="light"] .babees-cinema[data-turn-team] .babees-console {
  border-color: color-mix(in srgb, var(--bb-turn, var(--bb-a)) 35%, var(--bb-line)) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bb-turn, var(--bb-a)) 16%, transparent) !important;
}
html[data-theme="light"] .babees-cinema[data-turn-team] #babees-cv-reveal {
  background: linear-gradient(135deg, color-mix(in srgb, var(--bb-turn, var(--bb-a)) 70%, #fff), var(--bb-turn, var(--bb-a))) !important;
  border-color: color-mix(in srgb, var(--bb-turn, var(--bb-a)) 50%, transparent) !important;
  color: #fff !important;
}
html[data-theme="light"] .babees-cinema[data-turn-team] .babees-q-veil {
  background:
    radial-gradient(ellipse 55% 45% at 50% 40%, color-mix(in srgb, var(--bb-turn, var(--bb-a)) 16%, transparent), transparent 60%),
    rgba(248, 250, 252, 0.96) !important;
}
html[data-theme="light"] .babees-app.is-guest.is-leader .babees-console.is-guest-console::before {
  color: #92400e !important;
  background: #fffbeb !important;
  border-color: rgba(245, 158, 11, 0.35) !important;
}

html[data-theme="light"] .babees-console-steps [data-step] {
  color: #64748b !important;
  background: #f8fafc !important;
  border-color: var(--bb-line) !important;
}
html[data-theme="light"] .babees-console-steps [data-step].is-on {
  color: #0f172a !important;
  background: color-mix(in srgb, var(--bb-turn, var(--bb-a)) 16%, #fff) !important;
  border-color: color-mix(in srgb, var(--bb-turn, var(--bb-a)) 45%, var(--bb-line)) !important;
}
html[data-theme="light"] .babees-award-lock {
  color: #475569 !important;
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
}
html[data-theme="light"] .babees-leader-gate {
  color: #9f1239 !important;
  background: #fff1f2 !important;
  border-color: rgba(244, 63, 94, 0.28) !important;
}
html[data-theme="light"] .babees-leader-gate.is-me {
  color: #065f46 !important;
  background: #ecfdf5 !important;
  border-color: rgba(16, 185, 129, 0.35) !important;
}