/* Party Hub foundations, shared by the dashboard, Rankem, and Impostor. */
:root {
  color-scheme: dark;
  --party-canvas: 25 31 32;
  --party-panel: 37 43 43;
  --party-ink: 243 238 228;
  --party-muted: 186 184 177;
  --party-line: 76 82 81;
  --party-amber: 241 184 107;
  --party-sage: 168 202 187;
  --party-lilac: 178 179 233;
  --party-coral: 230 164 147;
  --party-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.hub-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid rgb(var(--party-ink) / .13);
  padding-bottom: 25px;
}
.hub-brand {
  color: rgb(var(--party-ink));
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -1px;
  text-decoration: none;
  white-space: nowrap;
}
.hub-brand span { color: rgb(var(--party-amber)); margin-left: 4px; }
.hub-pill {
  color: rgb(var(--party-muted));
  font-size: 12px;
  border: 1px solid rgb(var(--party-ink) / .15);
  padding: 8px 12px;
  border-radius: 30px;
}
:focus-visible { outline: 3px solid rgb(var(--party-amber)); outline-offset: 4px; }
@media (max-width: 600px) {
  .hub-header { gap: 10px; }
  .hub-pill { font-size: 10px; padding: 7px 9px; }
}