/* Little Founders brand color → Metabase 0.55 CSS custom properties.
   Recolors primary buttons, links, active nav, toggles, focus rings, etc.
   #B3138E substituted at container start. */
:root,
:where(.mb-wrapper, body, [class*="Theme"]) {
  --mb-color-brand: #B3138E;
  --mb-color-brand-light: #B3138E;
  --mb-color-brand-lighter: #B3138E;
  --mb-color-brand-alpha-04: #B3138E0a;
  --mb-color-brand-alpha-17: #B3138E2b;
  --mb-color-brand-alpha-88: #B3138Ee0;
  --mb-color-focus: #B3138E55;
  --mb-color-filter: #B3138E;
  --mb-color-summarize: #B3138E;
}

/* Primary buttons / links fallback for components that read the legacy color. */
.Button--primary,
button[data-is-primary="true"] {
  background-color: #B3138E !important;
  border-color: #B3138E !important;
}
a.link, .link { color: #B3138E; }

/* The branding script swaps the nav logo into this slot; give it room and
   hard-constrain the injected logo image (Metabase's own logo rule uses
   !important, so this must too). */
[data-testid="main-logo"] svg { display: none; }
[data-testid="main-logo-link"] img,
[data-testid="main-logo"] img {
  height: 30px !important;
  width: auto !important;
  max-width: 190px !important;
  object-fit: contain !important;
}