/* Vibyverse's existing icon, Manrope type and project colour tokens. */
@font-face {
  font-family: "Manrope";
  src: url("manrope.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
body {
  --font-stack: "Manrope", system-ui, sans-serif;
  --color-brand-primary: #1F8071;
  --color-brand-content: #1F8071;
  --color-brand-visited: #1F8071;
}
body[data-theme="dark"] {
  --color-brand-primary: #4CC98F;
  --color-brand-content: #4CC98F;
  --color-brand-visited: #4CC98F;
}
@media (prefers-color-scheme: dark) {
  body:not([data-theme="light"]) {
    --color-brand-primary: #4CC98F;
    --color-brand-content: #4CC98F;
    --color-brand-visited: #4CC98F;
  }
}
.sidebar-logo { max-width: 64px; height: 64px; }
.sidebar-brand-text { font-family: "Manrope", system-ui, sans-serif; }

/* Long compatibility notices remain readable without a horizontal scroller. */
.announcement {
  height: auto;
  min-height: var(--header-height);
  overflow-x: visible;
}
.announcement-content {
  min-width: 0;
  width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
.announcement-content code { white-space: normal; }