/* AdvisorPPC brand tokens — single source of truth for the connector UI.
 *
 * Exact palette from the advisorppc.com frontend. Linked AFTER app.css in
 * base.html so these :root values override the connector's legacy warm/coral
 * palette in one place — every page that extends base.html adopts the brand
 * (topnav, signup, dashboard_billing, …). The standalone /pricing page links
 * this file directly.
 */
:root {
  /* Canonical brand tokens (advisorppc.com). */
  --paper: #ffffff;
  --ink: #000000;
  --brand-muted: #706f68;
  --brand-line: #e8e8e1;
  --card: #fbfaf7;
  --elevated: #f4f2ec;
  --pos: #1dbf73;
  --brand: #111111;
  --on-accent: #ffffff;

  /* Map the connector's legacy design-system vars onto the brand tokens so the
   * existing components restyle without per-component edits. */
  --bg: var(--paper);
  --surface: var(--paper);
  --sidebar-bg: var(--elevated);
  --sidebar-active: var(--paper);
  --muted: var(--brand-muted);
  --soft: #94918a;
  --line: var(--brand-line);
  --line-strong: #d9d9d1;
  --accent: var(--brand);
  --accent-hover: #000000;
  --accent-ink: var(--on-accent);
  --accent-soft: var(--elevated);
  --ok: var(--pos);
  --ok-soft: #e8f8ef;
}

/* Brand logo lockup used in the app bar / topnav / auth card. */
.brand-logo {
  height: 22px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
.app-bar-brand .brand-logo { height: 20px; }
.auth-brand {
  display: flex;
  justify-content: center;
  margin-bottom: 18px;
}
.auth-brand .brand-logo { height: 30px; }