:root {
  --brand-primary: #0e7c86;
  --brand-background: #f3f5f7;
  --brand-text: #1a2027;
}

/* Sizing only, for the real <img> elements Sidebar.tsx renders inline (see Caliach.Web/CLAUDE.md
   for how their src stays live-versioned with no rebuild). No background-image/url(...) here -
   this app's logo is real markup, not a CSS background. */
.topbar-logo,
.sidebar-logo {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  object-fit: cover;
}
.topbar-logo {
  margin-right: 8px;
}