/* Landbot brand theme for Scalar Docs.
   Brand: primary #FF3F7B (pink), secondary #636BFC (indigo), DM Sans. */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");

:root {
  --scalar-font: "DM Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --scalar-font-code: ui-monospace, "SF Mono", Menlo, monospace;
  --scalar-radius: 10px;
  --scalar-radius-lg: 14px;
}

/* Light mode */
.light-mode {
  --scalar-color-accent: #ff3f7b;
  --scalar-color-1: #1f2533;
  --scalar-color-2: #4a5468;
  --scalar-color-3: #8a93a6;
  --scalar-background-1: #ffffff;
  --scalar-background-2: #f7f8fb;
  --scalar-background-3: #eef0f5;
  --scalar-background-accent: #ffe9f1;
  --scalar-border-color: #e7eaf1;
  --scalar-link-color: #ff3f7b;
  --scalar-sidebar-color-active: #ff3f7b;
  --scalar-sidebar-item-active-background: #ffe9f1;
  --scalar-button-1: #ff3f7b;
}

/* Dark mode */
.dark-mode {
  --scalar-color-accent: #ff6a98;
  --scalar-color-1: #e7edf9;
  --scalar-color-2: #aab2c5;
  --scalar-color-3: #7e8cad;
  --scalar-background-1: #0c1018;
  --scalar-background-2: #121826;
  --scalar-background-3: #1a2233;
  --scalar-background-accent: #2a1622;
  --scalar-border-color: #1e2740;
  --scalar-link-color: #ff6a98;
  --scalar-sidebar-color-active: #ff6a98;
  --scalar-sidebar-item-active-background: #241326;
  --scalar-button-1: #ff3f7b;
}

/* Accent gradient on the header brand area, echoing the widget demos */
.scalar-app .t-doc__header,
.references-header {
  border-bottom: 1px solid var(--scalar-border-color);
}