:root{
  --pb-bg-1:#111111;
  --pb-bg-2:#050505;
  --pb-bg-3:#000000;
  --pb-text:#e5e7eb;
  --pb-muted:#9ca3af;
  --pb-surface:#0b0b0b;
  --pb-surface-2:#111111;
  --pb-border:rgba(255,255,255,0.12);

    --pb-accent:#2563eb;        /* Marketing blue */
    --pb-accent-2:#f97316;      /* Warm orange */
    --pb-accent-soft:rgba(37,99,235,0.18);
    --pb-focus:rgba(37,99,235,0.28);
}

/* Theme hooks (keeps Core stable) */
body{
  background: radial-gradient(circle at top, var(--pb-bg-1) 0, var(--pb-bg-2) 45%, var(--pb-bg-3) 100%);
  color: var(--pb-text);
}
.subtitle,.muted{ color: var(--pb-muted); }

/* Accent-y bits (override if Core has hardcoded colors) */
a, .tab-btn.active, .mini-btn.primary{
  color: var(--pb-text);
}
.btn-primary, .primary-btn, #random-all-btn, .tab-btn.active{
  border-color: var(--pb-accent);
}
.btn-primary, .primary-btn, #random-all-btn{
  background: linear-gradient(180deg, rgba(37,99,235,0.95), rgba(30,64,175,0.95));
}
.btn-primary:hover, .primary-btn:hover, #random-all-btn:hover{
  filter: brightness(1.08);
}
.tag-chip.selected{
  border-color: var(--pb-accent);
  box-shadow: 0 0 0 2px var(--pb-focus);
}

/* Extra tags styling (if used) */
.tag.era-addon{
  border-style: dashed;
  border-color: rgba(255,255,255,0.22);
  background: rgba(17, 24, 39, 0.82);
}