/* Shared palette. Legacy yellow token names retain saved profile compatibility. */
:root {
  --brand-pink: #fc3b9d;
  --brand-pink-ink: #293447;
  --brand-pink-tint: #fde9f3;
  --brand-blue: #0f8bfe;
  --brand-blue-ink: #293447;
  --brand-blue-tint: #e5f5fd;
  --brand-purple: #9746fb;
  --brand-purple-ink: #293447;
  --brand-purple-tint: #f0e9fd;
  --brand-yellow: #ff8a00;
  --brand-yellow-ink: #293447;
  --brand-yellow-tint: #fff1e0;
  --brand-yellow-symbol: #fff;
}

.mani-wordmark {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 800;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.2;
  white-space: nowrap;
  color: var(--brand-purple);
}
.mani-wordmark .mani-m { color: var(--brand-pink); }
.mani-wordmark .mani-a { color: var(--brand-purple); }
.mani-wordmark .mani-n { color: var(--brand-blue); }
.mani-wordmark .mani-i { color: var(--brand-yellow); }
.drawer-head .mani-wordmark { font-size: 30px; font-weight: 800; }
.brand > .mani-wordmark { font-size: 25px; }
.owner-tabs button { color: var(--ink); }
.owner-tabs button[aria-pressed="true"] { color: var(--ink); box-shadow: inset 0 -3px var(--flow-fill); }
.money-board .flow-node:not(.flow-debt) .flow-amount { color: var(--ink); }
@media (forced-colors: active) {
  .mani-wordmark, .mani-wordmark > span { background: none; color: CanvasText; }
}
