: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:#0B4EA2;        /* Aegean blue */
  --pb-accent-2:#06356F;      /* deep Aegean */
  --pb-accent-soft:rgba(11,78,162,0.18);
  --pb-focus:rgba(11,78,162,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(11,78,162,0.95), rgba(6,53,111,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);
}