:root{
  --gomo-bg:#0B0E14;
  --gomo-accent:#2560ff;
  --gomo-accent-rgb:37,96,255;
  /* HOME / App tokens (for cross-page reuse) */
  --gomo-surface-1:#0F1218;
  --gomo-surface-2:#121620;
  --gomo-surface-3:#0F131D;
  --gomo-border-1:#1F2530;
  --gomo-border-2:#2A3242;
  --gomo-text-1:#E6E9F2;
  --gomo-text-2:#9AA3B7;
  --gomo-text-3:#8A93A7;
  --gomo-text-muted:#7B8498;

  /* Points/贝里消耗主题色（用于所有“扣贝里”提示区块） */
  --gomo-gold:#FFD08A;
  --gomo-gold-rgb:255,208,138;
}

html,body{
  background:var(--gomo-bg) !important;
}

/* Global hover / accent */
a:hover{
  color:var(--gomo-accent) !important;
}

/* Shared header/nav styles (templates + SPA) */
.header{
  background:var(--gomo-bg) !important;
  border-color:rgba(var(--gomo-accent-rgb),.3) !important;
}
.tab:hover{
  color:rgba(255,255,255,.95) !important;
}
.tab.active{
  border-bottom-color:var(--gomo-accent) !important;
  color:var(--gomo-accent) !important;
}

/* Dropdown hover */
.avatar-dropdown-item:hover{
  background:rgba(var(--gomo-accent-rgb),.2) !important;
}

/* Buttons */
.btn-primary,
.create-btn{
  background:var(--gomo-accent) !important;
  border-color:var(--gomo-accent) !important;
  box-shadow:0 0 20px rgba(var(--gomo-accent-rgb),.35) !important;
}
.btn-primary:hover,
.create-btn:hover{
  box-shadow:0 0 30px rgba(var(--gomo-accent-rgb),.55) !important;
}

/* Org pill in navbar.html uses inline styles; override with !important */
.org-current{
  background:rgba(var(--gomo-accent-rgb),.1) !important;
  border-color:rgba(var(--gomo-accent-rgb),.3) !important;
}
#current-org-name{
  color:var(--gomo-accent) !important;
}

/* Ensure HOME top-left logo uses /static/Gomo-logo.png (works for SPA + templates) */
.logo-text img{
  display:none !important;
}
.logo-text{
  background-image:url("/static/Gomo-logo.png") !important;
  background-repeat:no-repeat !important;
  background-position:left center !important;
  background-size:contain !important;
  min-width:140px;
  background-color:transparent !important;
  box-shadow:none !important;
  border:none !important;
}

/* SPA brand container should not add a "logo background" */
.brand-logo,
.brand-logo img{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
}

/* GoingMorris brand font */
.brand-text{
  font-family:'Kaushan Script', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
  letter-spacing:0.6px;
}

/* ===== HOME (SPA) overrides: remove leftover colors & unify backgrounds ===== */
.page,
.topbar,
.content-panel{
  background:var(--gomo-bg) !important;
  color:var(--gomo-text-1) !important;
}

.sidebar-menu,
.avatar-dropdown,
.modal-content{
  background:var(--gomo-surface-1) !important;
  border-color:var(--gomo-border-1) !important;
}

.series-card,
.series-card-content{
  background:var(--gomo-surface-2) !important;
  border-color:var(--gomo-border-1) !important;
}

.series-card-info{
  background:var(--gomo-surface-3) !important;
  border-top-color:var(--gomo-border-1) !important;
  color:var(--gomo-text-3) !important;
}

/* ===== Points-cost styling (reusable) ===== */
.points-cost-banner{
  border:1px solid rgba(var(--gomo-gold-rgb), .38) !important;
  background:rgba(var(--gomo-gold-rgb), .10) !important;
  box-shadow:0 14px 34px rgba(var(--gomo-gold-rgb), .08) !important;
}

.points-cost-value{
  color:var(--gomo-gold) !important;
}

/* Gold button for points-cost actions */
.btn-gold{
  background:var(--gomo-gold) !important;
  border-color:rgba(var(--gomo-gold-rgb), .9) !important;
  color:#241A00 !important;
  box-shadow:0 10px 24px rgba(var(--gomo-gold-rgb), .18) !important;
}
.btn-gold:hover{
  filter:brightness(1.03);
  box-shadow:0 12px 30px rgba(var(--gomo-gold-rgb), .26) !important;
}

.series-title-wrapper:hover .series-title{
  color:var(--gomo-accent) !important;
}

.series-card:hover{
  border-color:var(--gomo-accent) !important;
  box-shadow:0 16px 30px rgba(var(--gomo-accent-rgb),.2) !important;
}

.cover-placeholder{
  background:linear-gradient(135deg, rgba(var(--gomo-accent-rgb),.25), rgba(15,18,24,.8)) !important;
  color:var(--gomo-text-3) !important;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
  border-color:var(--gomo-accent) !important;
  box-shadow:0 0 0 2px rgba(var(--gomo-accent-rgb),.2) !important;
}

/* ===== Series Detail (SPA) overrides ===== */
.series-detail-header,
.series-detail-card{

  border-radius:14px !important;
}

.language-cover{
  border-radius:12px !important;
  border:1px solid var(--gomo-border-1) !important;
}
.language-cover.placeholder{
  background:linear-gradient(135deg, rgba(var(--gomo-accent-rgb),.25), rgba(15,18,24,.8)) !important;
  color:var(--gomo-text-3) !important;
  border-radius:12px !important;
}

.language-tab.active{
  border-bottom-color:var(--gomo-accent) !important;
  color:var(--gomo-accent) !important;
}

.episode-card{
  background:var(--gomo-surface-2) !important;
  border-color:var(--gomo-border-1) !important;
  border-radius:14px !important;
}

.btn.btn-purple{
  background:var(--gomo-accent) !important;
  border-color:var(--gomo-accent) !important;
  color:#f5f7ff !important;
}

.progress-bar{
  background:var(--gomo-accent) !important;
}