/* Chat-Lab.AI brand palette — from full-brand-kit, mirrors the app theme */

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=JetBrains+Mono:wght@400..700&display=swap');

:root {
  --md-accent-fg-color: #8b5cf6;
  --md-code-font: "JetBrains Mono", monospace;
}

[data-md-color-scheme="default"] {
  /* Ink navbar (brand kit) — keeps the light-on-dark mark legible */
  --md-primary-fg-color: #171a26;
  --md-primary-fg-color--light: #2a2f42;
  --md-primary-fg-color--dark: #0a0c13;
  --md-typeset-a-color: #0d9488;
  --md-default-bg-color: #eef0f5;
  --md-default-fg-color: #171a26;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #141824;
  --md-primary-fg-color--light: #5eead0;
  --md-primary-fg-color--dark: #0a0c13;
  --md-accent-fg-color: #a78bfa;
  --md-typeset-a-color: #5eead0;
  --md-default-bg-color: #0a0c13;
  --md-code-bg-color: #141824;
}

/* Header: wordmark logo instead of the text site title. The title stays
   in the layout (invisible) so it keeps pushing search/toggle to the right. */
.md-header__button.md-logo img {
  height: 34px;
  width: auto;
}
.md-header__title {
  visibility: hidden;
}

/* Brand typography: Bricolage Grotesque for headings, system sans body */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-header__topic {
  font-family: "Bricolage Grotesque", sans-serif;
}

/* Match the app's rounded look (brand kit: 14px cards) */
.md-typeset .admonition,
.md-typeset details {
  border-radius: 14px;
}

/* Buy-me-a-coffee pill (ink accent, matches the app) */
.bmac-pill {
  display: inline-block;
  margin: 6px auto;
  padding: 8px 20px;
  border-radius: 999px;
  background: #171a26;
  color: #ffffff !important;
  font-weight: 600;
  text-decoration: none;
  transition: transform .15s ease, opacity .15s ease;
}
.bmac-pill:hover {
  transform: scale(1.04);
  opacity: .92;
}
[data-md-color-scheme="slate"] .bmac-pill {
  background: #eceef6;
  color: #0d0f17 !important;
}