/* Xtag look for the Scalar reference: Rubik, ink and the brand orange. */
:root {
  --scalar-font: 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --scalar-font-code: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --scalar-radius: 8px;
  --scalar-radius-lg: 12px;
}
.light-mode {
  --scalar-color-1: #1b1e2b;
  --scalar-color-2: #3d4254;
  --scalar-color-3: #6b7185;
  --scalar-color-accent: #c9461a;
  --scalar-background-1: #ffffff;
  --scalar-background-2: #f6f7f9;
  --scalar-background-3: #eceef2;
  --scalar-background-accent: #fdeee7;
  --scalar-border-color: #e3e6ec;
}
.dark-mode {
  --scalar-color-1: #f2f3f6;
  --scalar-color-2: #c3c7d2;
  --scalar-color-3: #8e94a6;
  --scalar-color-accent: #f2784a;
  --scalar-background-1: #14161f;
  --scalar-background-2: #1b1e2b;
  --scalar-background-3: #252938;
  --scalar-background-accent: #3a2219;
  --scalar-border-color: #2c3142;
}
body {
  margin: 0;
}

/* Scalar's own promotions (SDK generation on their service) are not part of our docs. */
.explore-scalar-card,
.generate-sdk-button,
.selected-client-row > .scalar-button {
  display: none !important;
}