/*
 * theme-overrides.css — CannaBee Cascade
 * Amber / honey gold / near-black palette from the CannaBee Extracts logo.
 * Overrides BRG defaults in index.html <style>.
 */

/* ── BODY ───────────────────────────────────────────────────────────────────── */
body { background: #09080a; }

/* ── SPLASH SCREEN ──────────────────────────────────────────────────────────── */
#splash-bg::after {
  background: radial-gradient(ellipse at center, transparent 20%, #0a0600 85%);
}
#splash-tagline { color: #f5c842; }
#splash-sub     { color: #a07030; }
#splash-bar {
  background: linear-gradient(90deg, #5a2e00, #f0b020, #5a2e00);
  background-size: 200% 100%;
  animation: splash-bar-shine 1.5s linear infinite;
}

/* ── HUD PANELS ─────────────────────────────────────────────────────────────── */
.hc, .hc-logo, .hc-left, .hc-right, .hc-combo {
  background: rgba(20, 10, 0, 0.88);
  border-color: #5a2e00;
}
.hc-right .level-val { color: #f5c842; }

/* ── HUD VALUES ─────────────────────────────────────────────────────────────── */
.hud-val.green  { color: #f5c842; }
.hv.green       { color: #f5c842; }
.obj-count      { color: #f5c842; }
.progress-fill  { background: #f0b020; }

/* ── LEVEL BADGE ────────────────────────────────────────────────────────────── */
.level-badge { background: #5a2e00; color: #f5c842; }

/* ── OBJ BAR ────────────────────────────────────────────────────────────────── */
.obj-bar       { background: rgba(20, 10, 0, 0.88); border-color: #5a2e00; }
.progress-wrap { background: #5a2e00; }

/* ── MUTE BUTTON ────────────────────────────────────────────────────────────── */
#mute-btn { border-color: #5a2e00; }

/* ── TIMER ──────────────────────────────────────────────────────────────────── */
.timer-wrap     { background: #5a2e00; }
.timer-fill.ok  { background: #f0b020; }
.timer-count.ok { color: #f0b020; }

/* ── STAR DOTS ──────────────────────────────────────────────────────────────── */
.rdot { background: #5a2e00; border-color: #f0b020; }

/* ── PANELS ─────────────────────────────────────────────────────────────────── */
.panel              { background: #1a0d00; border-color: #5a2e00; }
.panel.green-border { border-color: #f0b020; }
.ph.green           { color: #f5c842; }

/* ── BUTTONS ────────────────────────────────────────────────────────────────── */
.btn.yellow { background: #f5c842; color: #1a0800; }
.btn.green  { background: #f0b020; color: #1a0800; }
.btn.ghost  { color: #a07030; border-color: #5a2e00; }

/* ── BOSS INFO ──────────────────────────────────────────────────────────────── */
.bi-rules { background: #120800; border-color: #5a2e00; }
.bi-rule  { color: #d4a060; border-bottom-color: #5a2e00; }

/* ── QUIZ ───────────────────────────────────────────────────────────────────── */
.dot          { background: #5a2e00; }
.dot.correct  { background: #f5c842; }
.abtn         { background: #120800; border-color: #5a2e00; color: #d4a060; }
.abtn.correct { border-color: #f0b020; background: #2a1400; color: #f5c842; }

/* ── SELECTED TILE ──────────────────────────────────────────────────────────── */
.cell.selected { border: 2px solid #f0b020; }

/* ── WIN STORY ──────────────────────────────────────────────────────────────── */
.win-story-side { border-left: 3px solid #f0b020; }

/* ── COMBO TOAST ────────────────────────────────────────────────────────────── */
#combo-toast { background: #1a0d00; border: 1px solid #f0b020; color: #f5c842; }

/* ── HINT PULSE ─────────────────────────────────────────────────────────────── */
.cell.hint-a, .cell.hint-b { box-shadow: 0 0 0 3px #f0b020aa; }

/* ── SHOP BAR & FOOTER ──────────────────────────────────────────────────────── */
.shop-bar-label      { color: #a07030; }
.shop-item .si-label { color: #a07030; }
.game-footer         { color: #a07030; }

/* ── DEV PANEL ──────────────────────────────────────────────────────────────── */
#dev-panel { background: #120800; border-color: #5a2e00; }