@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@200;300;700&display=swap');

/* ================
   GLOBAL LOOK & FEEL
   ================ */
:root {
  --brand: #2d9aa6;           /* tweak your brand color */
  --danger: #e11d48;          /* strong warning color */
  --soft-bg: #faeede;          /* strong warning color */
}

body {
  font-family: "Roboto", "Inter", "Helvetica Neue", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

/* ================
   CUSTOM LOGO
   ================ */

/* 1) Hide Mastodon wordmark in the side nav */
.navigation-panel__logo .logo--wordmark,
.navigation-panel__logo .column-link--logo svg,
.navigation-panel__logo .column-link--logo use {
  display: none !important;
}

/* 2) Show your replacement image */
.navigation-panel__logo .column-link--logo {
  display: block !important;
  width: 160px;                /* tweak width */
  height: 40px;                /* tweak height */
  background: url("https://images.squarespace-cdn.com/content/6601c64cf98d410b6c562ae1/5cdd7325-f22f-4227-9f70-ed88b9c922ba/ChatAmicusLogo.png") no-repeat left center / contain;
}

/* Optional: small screens */
@media (max-width: 740px) {
  .navigation-panel__logo .column-link--logo {
    width: 132px;
    height: 32px;
  }
}

/* Optional: dark theme swap (if you have a light-on-dark version) */
@media (prefers-color-scheme: dark) {
  .navigation-panel__logo .column-link--logo {
    background-image: url("https://images.squarespace-cdn.com/content/6601c64cf98d410b6c562ae1/5cdd7325-f22f-4227-9f70-ed88b9c922ba/ChatAmicusLogo.png");
  }
}