/* ── Chromatic Communities branding ─────────────────────── */

/* Nav logo — padding-top must exceed logo height (82% of ~285px col = ~234px wide, ~79px tall + 12px offset = ~91px) */
.navigation-bar {
  background-image: url('/custom/cc-logo-nav.png');
  background-repeat: no-repeat;
  background-position: center 12px;
  background-size: 82% auto;
  padding-top: 100px;
}

/* Accent colour: Chromatic Communities purple */
.button,
.button.button-primary,
.block-button {
  background: #a855f7;
  border-color: #a855f7;
}
.button:hover,
.button.button-primary:hover,
.block-button:hover {
  background: #9333ea;
  border-color: #9333ea;
}

.icon-button.active  { color: #a855f7; }
.icon-button:hover   { color: #a855f7; }

.column-link.active,
.column-link:hover   { color: #a855f7; }

a { color: #a855f7; }
a:hover { color: #9333ea; }

:focus-visible { outline-color: #a855f7; }
.loading-bar   { background: #a855f7; }
.badge         { background: #a855f7; }